MrDiderot/Michess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update auth tabs style

Browse Source
This commit is contained in:
Nathaniel Tampus
2023-04-07 14:57:30 +08:00
parent fbeefbc3c4
commit d6bcb286e2
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/components/auth/AuthModal.tsx
View File

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