Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

Feat(sidebar): implement sidebar toggling #157

Merged
jakob.scheid merged 7 commits from feature/expandable-sidebar into main 2026-07-31 21:00:20 +02:00
Conversation 1 Commits 7 Files Changed 4
+8 -2
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 63d9e31d29 - Show all commits
src/features/sidebar/components/Sidebar.vue
+8 -2
View File
@@ -32,9 +32,9 @@ const toggleSidebar = function toggleSidebar () {
</script>
<template>
<nav class="sidebar">
<nav class="sidebar" :class="{ expanded }">
<div class="sidebar-controls">
<SidebarExpandButton @click="toggleSidebar" />
<SidebarExpandButton @click="toggleSidebar" class="sidebar-expand-button" />
</div>
<div class="sidebar-content" v-if="props.expanded">
<slot />
@@ -56,6 +56,12 @@ const toggleSidebar = function toggleSidebar () {
margin-bottom: 8px;
}
@media (max-width: 48rem) {
.sidebar:not(.expanded) .sidebar-expand-button {
display: none;
}
}
.sidebar-content {
padding: 20px;
padding-top: 0;