axel/wol-dash
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: navbar must only display devices if non-admin

Browse Source 
also changed mobile layout a tiny bit
This commit is contained in:
axel 2025-04-21 00:26:44 +02:00
parent 0ea3624ecd
commit de1184b742
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/v2/ui/NavBarLink.svelte
View File

@ -4,10 +4,11 @@
let { Icon = null, children, active, ...others } = $props(); let { Icon = null, children, active, ...others } = $props();
</script> </script>
<li role="none"> <li role="none" class="grow-1">
<Button.Root <Button.Root
role="menuitem" role="menuitem"
class="flex items-center cursor-pointer px-4 py-1 rounded-full transition-all duration-300 ease-in-out class="flex items-center justify-center cursor-pointer px-4 py-1 rounded-full
transition-all duration-300 ease-in-out
{active ? 'bg-neutral-100 text-neutral-900' : 'hover:bg-neutral-600'}" {active ? 'bg-neutral-100 text-neutral-900' : 'hover:bg-neutral-600'}"
{...others} {...others}
> >

10
src/routes/dash/+layout.svelte
View File

@ -34,10 +34,12 @@
<NavBarLink Icon={IconHome} active={isActive('devices')} href="/dash/devices" <NavBarLink Icon={IconHome} active={isActive('devices')} href="/dash/devices"
>Devices</NavBarLink >Devices</NavBarLink
> >
<NavBarLink Icon={IconUsers} active={isActive('users')} href="/dash/users">Users</NavBarLink> {#if data.user.admin}
<NavBarLink Icon={IconUsersGroup} active={isActive('groups')} href="/dash/groups" <NavBarLink Icon={IconUsers} active={isActive('users')} href="/dash/users">Users</NavBarLink>
>Groups</NavBarLink <NavBarLink Icon={IconUsersGroup} active={isActive('groups')} href="/dash/groups"
> >Groups</NavBarLink
>
{/if}
</NavBar> </NavBar>
<div class="flex grow"> <div class="flex grow">
<div <div