Add padding to the main content in the left sidebar layout

This commit is contained in:
2026-05-23 11:42:45 +02:00
parent 4df51a970d
commit 2a5e79b55d
+5 -1
View File
@@ -7,7 +7,7 @@ import Sidebar from '@/features/sidebar/components/Sidebar.vue';
<Sidebar> <Sidebar>
<slot name="sidebar" /> <slot name="sidebar" />
</Sidebar> </Sidebar>
<div> <div class="main-content">
<slot /> <slot />
</div> </div>
</div> </div>
@@ -18,4 +18,8 @@ import Sidebar from '@/features/sidebar/components/Sidebar.vue';
display: grid; display: grid;
grid-template-columns: min(24%, 280px) 1fr; grid-template-columns: min(24%, 280px) 1fr;
} }
.main-content {
padding: 20px;
}
</style> </style>