hq/bpist-squalk-forum
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix random css stuff

Browse source
This commit is contained in:
dtonon 2026-06-08 12:20:28 +01:00
parent be3a4b34d3
commit 6377d00268
1 changed files with 33 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/lib/components/LeftSidebar.svelte
View file

@ -46,57 +46,66 @@
class="max-w-[90%] shrink-0 object-cover"
/>
{/if}
<span class="mt-2 text-[1.3rem] leading-6 font-medium text-neutral-900 dark:text-neutral-100"
<span
class="mt-2 text-[1.3rem] leading-6 font-medium text-neutral-900 dark:text-neutral-100"
>{name}</span
>
</a>
<a
href="/"
class="flex items-center gap-2 py-1 text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800"
class="flex items-center gap-2 py-1 text-neutral-700 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-800"
>
{mode === "simple" ? "Discussions" : "Home"}
</a>
{#if mode === "simple"}
<div class="mt-6 flex">
<p class="text-sm text-neutral-500 dark:text-neutral-400">{groupStore.data?.about ?? ""}</p>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
{groupStore.data?.about ?? ""}
</p>
</div>
{:else}
{#if activeAbout}
<div class="mt-6">
<p
class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 uppercase dark:text-neutral-500"
>
About
</p>
<p class="text-sm text-neutral-500 dark:text-neutral-400">
{activeAbout}
</p>
</div>
{/if}
<nav class="mt-6 flex-auto" aria-label="Rooms">
<p
class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 dark:text-neutral-500 uppercase"
class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 uppercase dark:text-neutral-500"
>
Rooms
</p>
{#if groupsStore.list.length === 0 && !groupsStore.loaded}
<p class="py-1 text-sm text-neutral-400 dark:text-neutral-500">Loading rooms…</p>
<p class="py-1 text-sm text-neutral-400 dark:text-neutral-500">
Loading rooms…
</p>
{/if}
{#each groupsStore.list as room}
<a
href="/room/{room.id}"
class="flex items-center gap-2 py-1 hover:bg-neutral-100 dark:hover:bg-neutral-800
{activeRoom === room.id ? ' text-accent' : 'text-neutral-700 dark:text-neutral-300'}"
{activeRoom === room.id
? ' text-accent'
: 'text-neutral-700 dark:text-neutral-300'}"
>
{room.name}
</a>
{/each}
</nav>
{#if activeAbout}
<div class="mt-6">
<p
class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 dark:text-neutral-500 uppercase"
>
About
</p>
<p class="text-sm text-neutral-500 dark:text-neutral-400">{activeAbout}</p>
</div>
{/if}
{/if}
<nav class="mt-6 flex-auto" aria-label="Resources">
<p
class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 dark:text-neutral-500 uppercase"
class="pb-1 text-xs font-semibold tracking-wider text-neutral-400 uppercase dark:text-neutral-500"
>
Resources
</p>
@ -105,15 +114,18 @@
href="/resource/{r.slug}"
aria-current={activeResource === r.slug ? "page" : undefined}
class="block py-1 hover:text-neutral-900 dark:hover:text-neutral-100
{activeResource === r.slug ? 'text-accent' : 'text-neutral-500 dark:text-neutral-400'}"
>{r.title}</a
{activeResource === r.slug
? 'text-accent'
: 'text-neutral-500 dark:text-neutral-400'}">{r.title}</a
>
{/each}
<a
href="/contacts"
aria-current={contactsActive ? "page" : undefined}
class="block py-1 hover:text-neutral-900 dark:hover:text-neutral-100
{contactsActive ? 'text-accent' : 'text-neutral-500 dark:text-neutral-400'}">Contacts</a
{contactsActive
? 'text-accent'
: 'text-neutral-500 dark:text-neutral-400'}">Contacts</a
>
</nav>
</div>
@ -145,7 +157,7 @@
/>
{:else}
<span
class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-neutral-300 text-xs font-semibold text-neutral-600 dark:text-neutral-400 dark:bg-neutral-600"
class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-neutral-300 text-xs font-semibold text-neutral-600 dark:bg-neutral-600 dark:text-neutral-400"
aria-hidden="true"
>
{auth.user.shortName.slice(0, 1).toUpperCase()}