Fix signup button rendering

Replaced DropdownMenuItem for signup with a full-width button inside a padded div to ensure a visible red border frame. Hover/focus opacity preserved via hover:bg-red-600/30. X-Lovable-Edit-ID: edt-67e0f7fb-c7fa-4955-a367-78b4f401e68c
2026-01-27 22:44:46 +00:00
parent a18e7e3409 2f4a22ae88
commit 65bdfcdc23
1 changed files with 8 additions and 6 deletions
@@ -58,12 +58,14 @@ const AccountMenu = () => {
            </>
          ) : (
            <>
-              <DropdownMenuItem
-                onClick={() => handleOpenAuth("signup")}
-                className="cursor-pointer font-bold border-2 border-red-600 rounded-md mx-1 my-1 hover:bg-red-600/30 focus:bg-red-600/30"
-              >
-                Skapa konto
-              </DropdownMenuItem>
+              <div className="px-1 py-1">
+                <button
+                  onClick={() => handleOpenAuth("signup")}
+                  className="w-full px-3 py-2 text-left font-bold border-2 border-red-600 rounded-md hover:bg-red-600/30 transition-colors"
+                >
+                  Skapa konto
+                </button>
+              </div>
              <DropdownMenuItem
                onClick={() => handleOpenAuth("login")}
                className="cursor-pointer flex items-center gap-2"