update auth tabs style

This commit is contained in:
Nathaniel Tampus
2023-04-07 14:57:30 +08:00
parent fbeefbc3c4
commit d6bcb286e2

View File

@@ -146,10 +146,10 @@ export default function AuthModal() {
setActiveTab("guest");
}}
className={
"tab tab-bordered flex-grow rounded-tl-lg" +
"tab tab-bordered tab-border-2 flex-grow rounded-tl-lg" +
(activeTab === "guest"
? " tab-active bg-base-200"
: " text-base-content hover:bg-base-200")
? " tab-active text-base-content"
: " text-base-content border-opacity-10 hover:border-opacity-30")
}
>
Guest
@@ -157,10 +157,10 @@ export default function AuthModal() {
<span
onClick={() => setActiveTab("login")}
className={
"tab tab-bordered flex-grow" +
"tab tab-bordered tab-border-2 flex-grow rounded-tl-lg" +
(activeTab === "login"
? " tab-active bg-base-200"
: " text-base-content hover:bg-base-200")
? " tab-active"
: " text-base-content border-opacity-10 hover:border-opacity-30")
}
>
Login
@@ -168,10 +168,10 @@ export default function AuthModal() {
<span
onClick={() => setActiveTab("register")}
className={
"tab tab-bordered flex-grow rounded-tr-lg" +
"tab tab-bordered tab-border-2 flex-grow rounded-tl-lg" +
(activeTab === "register"
? " tab-active bg-base-200"
: " text-base-content hover:bg-base-200")
? " tab-active"
: " text-base-content border-opacity-10 hover:border-opacity-30")
}
>
Register