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): decrease horizontal padding when sidebar is not expanded

Browse Source 
Set the horizontal padding of the unexpanded sidebar to 1em.
This commit is contained in:
jakob.scheid
2026-07-31 16:35:54 +02:00
parent 8c1ee57242
commit 414dc66388
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/sidebar/components/Sidebar.vue
+4
View File
@@ -56,6 +56,10 @@ const toggleSidebar = function toggleSidebar () {
margin-bottom: 8px; margin-bottom: 8px;
} }
.sidebar:not(.expanded) .sidebar-controls {
padding: 1em;
}
@media (max-width: 48rem) { @media (max-width: 48rem) {
.sidebar:not(.expanded) .sidebar-expand-button { .sidebar:not(.expanded) .sidebar-expand-button {
display: none; display: none;
src/layouts/LeftSidebarLayout.vue
+1 -1
View File
@@ -51,7 +51,7 @@ const toggleExpanded = function toggleExpanded () {
<style scoped> <style scoped>
.layout-container { .layout-container {
display: grid; display: grid;
grid-template-columns: 72px 1fr; grid-template-columns: calc(32px + 2em) 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
grid-template-areas: grid-template-areas:
"sidebar-expand sidebar-expand" "sidebar-expand sidebar-expand"