egutierrez/linkwarden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved UX

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
components/SettingsSidebar.tsx
+12 -12
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>