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

Feat(sidebar): allow left sidebar layout content to toggle the sidebar #159

Merged
jakob.scheid merged 3 commits from feature/left-sidebar-layout-content-sidebar-toggling into main 2026-08-03 17:29:23 +02:00
Conversation 1 Commits 3 Files Changed 2
+3 -3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a77bbec3fa - Show all commits
src/layouts/LeftSidebarLayout.vue
+3 -3
View File
@@ -29,7 +29,7 @@ const props = defineProps({
const expanded = ref(props.expanded); const expanded = ref(props.expanded);
const toggleExpanded = function toggleExpanded () { const toggleSidebar = function toggleSidebar () {
expanded.value = !expanded.value; expanded.value = !expanded.value;
}; };
</script> </script>
@@ -37,9 +37,9 @@ const toggleExpanded = function toggleExpanded () {
<template> <template>
<div class="layout-container" :class="{ expanded }"> <div class="layout-container" :class="{ expanded }">
<div class="sidebar-expand-button-container"> <div class="sidebar-expand-button-container">
<SidebarExpandButton class="sidebar-expand-button" @click="toggleExpanded" /> <SidebarExpandButton class="sidebar-expand-button" @click="toggleSidebar" />
</div> </div>
<Sidebar @toggle-expanded="toggleExpanded" :expanded="expanded" class="sidebar"> <Sidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar">
<slot name="sidebar" /> <slot name="sidebar" />
</Sidebar> </Sidebar>
<main class="main-content"> <main class="main-content">