generated from Seekra/repository-template
Add padding to the main content in the left sidebar layout
This commit is contained in:
@@ -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>
|
||||||
Reference in New Issue
Block a user