justinzeus/handin-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sidebar improvements

Browse source
This commit is contained in:
Justin Visser 2026-03-26 13:20:46 +01:00
parent 43afd0eb84
commit 601dabb534
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/layout/Sidebar.vue
View file

@ -108,7 +108,7 @@ async function handleLogin() {
</script> </script>
<template> <template>
<nav class="flex h-full w-52 flex-col border-r border-gray-300 bg-white dark:border-gray-600 dark:bg-gray-700"> <nav class="flex h-full w-72 flex-col border-r border-gray-300 bg-white dark:border-gray-600 dark:bg-gray-700">
<!-- Pages list (scrollable) --> <!-- Pages list (scrollable) -->
<div class="flex-1 overflow-y-auto py-2"> <div class="flex-1 overflow-y-auto py-2">
<!-- Pinned Home page (always at top, no actions) --> <!-- Pinned Home page (always at top, no actions) -->
@ -125,7 +125,7 @@ async function handleLogin() {
@click="$emit('close')" @click="$emit('close')"
> >
<span v-if="isAdmin" class="w-3.5 shrink-0" /> <span v-if="isAdmin" class="w-3.5 shrink-0" />
<span class="flex-1 truncate">{{ pages.find(p => p.slug === 'home')?.name }}</span> <span class="flex-1 line-clamp-2">{{ pages.find(p => p.slug === 'home')?.name }}</span>
</router-link> </router-link>
</div> </div>
</template> </template>
@ -174,7 +174,7 @@ async function handleLogin() {
<circle cx="9" cy="18" r="1.5" /><circle cx="15" cy="18" r="1.5" /> <circle cx="9" cy="18" r="1.5" /><circle cx="15" cy="18" r="1.5" />
</svg> </svg>
</span> </span>
<span class="flex-1 truncate">{{ page.name }}</span> <span class="flex-1 line-clamp-2">{{ page.name }}</span>
<span class="flex shrink-0 items-center gap-0.5 opacity-0 group-hover:opacity-100"> <span class="flex shrink-0 items-center gap-0.5 opacity-0 group-hover:opacity-100">
<!-- Hide/show toggle --> <!-- Hide/show toggle -->
<button <button
@ -231,7 +231,7 @@ async function handleLogin() {
@click="$emit('close')" @click="$emit('close')"
> >
<span class="w-3.5 shrink-0" /> <span class="w-3.5 shrink-0" />
<span class="flex-1 truncate">{{ page.name }}</span> <span class="flex-1 line-clamp-2">{{ page.name }}</span>
<span class="flex shrink-0 items-center opacity-0 group-hover:opacity-100"> <span class="flex shrink-0 items-center opacity-0 group-hover:opacity-100">
<button <button
class="rounded p-0.5 transition-colors" class="rounded p-0.5 transition-colors"