Mathis/lemma
1
0
Fork 0
mirror of https://github.com/lordmathis/lemma.git synced 2025-11-06 16:04:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update layout

Browse Source
This commit is contained in:
Matúš Námešný
2024-09-26 19:54:12 +02:00
parent 148b3438b4
commit 79bd172f70
2 changed files with 71 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/App.scss
View File

@@ -2,26 +2,38 @@
$sidebar-width: 250px;
$border-color: #eaeaea;
$padding: 20px;
$navbar-height: 64px; // Adjust this value based on your preference
.App {
.custom-navbar {
display: flex;
height: 100vh;
align-items: center;
justify-content: space-between;
padding: 0 $padding;
height: $navbar-height;
border-bottom: 1px solid $border-color;
}
.sidebar {
width: $sidebar-width;
padding: $padding;
border-right: 1px solid $border-color;
overflow-y: auto;
}
.main-container {
display: flex;
height: calc(100vh - #{$navbar-height});
padding: 0 !important; // Override Geist UI's default padding
}
.main-content {
flex-grow: 1;
padding: $padding;
overflow-y: auto;
.sidebar {
width: $sidebar-width;
padding: $padding;
border-right: 1px solid $border-color;
overflow-y: auto;
}
h1 {
margin-top: 0;
}
.main-content {
flex-grow: 1;
padding: $padding;
overflow-y: auto;
// Add styles for breadcrumbs
.breadcrumbs {
margin-bottom: $padding;
}
}