xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

improved UX

This commit is contained in:
daniel31x13 2023-12-02 04:47:53 -05:00
parent 230110e912
commit 17721c91b6
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/SettingsSidebar.tsx
View File

@ -46,9 +46,9 @@ export default function SettingsSidebar({ className }: { className?: string }) {
active === `/settings/account` active === `/settings/account`
? "bg-primary/20" ? "bg-primary/20"
: "hover:bg-neutral/20" : "hover:bg-neutral/20"
} duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`} } duration-100 py-5 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
> >
<FontAwesomeIcon icon={faUser} className="w-6 h-6 text-primary" /> <FontAwesomeIcon icon={faUser} className="w-7 h-7 text-primary" />
<p className="truncate w-full pr-7">Account</p> <p className="truncate w-full pr-7">Account</p>
</div> </div>
@ -60,11 +60,11 @@ export default function SettingsSidebar({ className }: { className?: string }) {
active === `/settings/appearance` active === `/settings/appearance`
? "bg-primary/20" ? "bg-primary/20"
: "hover:bg-neutral/20" : "hover:bg-neutral/20"
} duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`} } duration-100 py-5 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faPalette} icon={faPalette}
className="w-6 h-6 text-primary" className="w-7 h-7 text-primary"
/> />
<p className="truncate w-full pr-7">Appearance</p> <p className="truncate w-full pr-7">Appearance</p>
@ -77,11 +77,11 @@ export default function SettingsSidebar({ className }: { className?: string }) {
active === `/settings/archive` active === `/settings/archive`
? "bg-primary/20" ? "bg-primary/20"
: "hover:bg-neutral/20" : "hover:bg-neutral/20"
} duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`} } duration-100 py-5 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faBoxArchive} icon={faBoxArchive}
className="w-6 h-6 text-primary" className="w-7 h-7 text-primary"
/> />
<p className="truncate w-full pr-7">Archive</p> <p className="truncate w-full pr-7">Archive</p>
@ -94,9 +94,9 @@ export default function SettingsSidebar({ className }: { className?: string }) {
active === `/settings/api` active === `/settings/api`
? "bg-primary/20" ? "bg-primary/20"
: "hover:bg-neutral/20" : "hover:bg-neutral/20"
} duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`} } duration-100 py-5 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
> >
<FontAwesomeIcon icon={faKey} className="w-6 h-6 text-primary" /> <FontAwesomeIcon icon={faKey} className="w-7 h-7 text-primary" />
<p className="truncate w-full pr-7">API Keys</p> <p className="truncate w-full pr-7">API Keys</p>
</div> </div>
@ -108,9 +108,9 @@ export default function SettingsSidebar({ className }: { className?: string }) {
active === `/settings/password` active === `/settings/password`
? "bg-primary/20" ? "bg-primary/20"
: "hover:bg-neutral/20" : "hover:bg-neutral/20"
} duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`} } duration-100 py-5 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
> >
<FontAwesomeIcon icon={faLock} className="w-6 h-6 text-primary" /> <FontAwesomeIcon icon={faLock} className="w-7 h-7 text-primary" />
<p className="truncate w-full pr-7">Password</p> <p className="truncate w-full pr-7">Password</p>
</div> </div>
@ -123,11 +123,11 @@ export default function SettingsSidebar({ className }: { className?: string }) {
active === `/settings/billing` active === `/settings/billing`
? "bg-primary/20" ? "bg-primary/20"
: "hover:bg-neutral/20" : "hover:bg-neutral/20"
} duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`} } duration-100 py-5 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faCreditCard} icon={faCreditCard}
className="w-6 h-6 text-primary" className="w-7 h-7 text-primary"
/> />
<p className="truncate w-full pr-7">Billing</p> <p className="truncate w-full pr-7">Billing</p>