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

update auth tab styles for better contrast

Browse Source
This commit is contained in:
Nathaniel Tampus
2023-03-20 19:18:30 +08:00
parent 86f4f9d42f
commit 5e2d676450
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -190,32 +190,41 @@ export default function AuthModal() {
) : (
<>
<div className="tabs flex-nowap w-full">
<a
<span
onClick={() => {
setActiveTab("guest");
}}
className={
"tab tab-bordered flex-grow" + (activeTab === "guest" ? " tab-active" : "")
"tab tab-bordered flex-grow rounded-tl-lg" +
(activeTab === "guest"
? " tab-active bg-base-200"
: " text-base-content hover:bg-base-200")
}
>
Guest
</a>
<a
</span>
<span
onClick={() => setActiveTab("login")}
className={
"tab tab-bordered flex-grow" + (activeTab === "login" ? " tab-active" : "")
"tab tab-bordered flex-grow" +
(activeTab === "login"
? " tab-active bg-base-200"
: " text-base-content hover:bg-base-200")
}
>
Login
</a>
<a
</span>
<span
onClick={() => setActiveTab("register")}
className={
"tab tab-bordered flex-grow" + (activeTab === "register" ? " tab-active" : "")
"tab tab-bordered flex-grow rounded-tr-lg" +
(activeTab === "register"
? " tab-active bg-base-200"
: " text-base-content hover:bg-base-200")
}
>
Register
</a>
</span>
</div>
<form className="flex flex-col px-2" onSubmit={submitAuth}>