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

Improve settings layout

Browse Source
This commit is contained in:
Matúš Námešný
2024-09-27 13:01:59 +02:00
parent 8caba560a6
commit 7f8b95d42e
2 changed files with 42 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/App.scss
View File

@@ -1,5 +1,4 @@
// Variables
$border-color: #eaeaea;
$padding: 20px;
$navbar-height: 64px; // Adjust this value based on your preference
@@ -9,11 +8,9 @@ $navbar-height: 64px; // Adjust this value based on your preference
justify-content: space-between;
padding: 0 $padding;
height: $navbar-height;
border-bottom: 1px solid $border-color;
}
.sidebar {
border-right: 1px solid $border-color;
overflow-y: auto;
padding: $padding;
}
@@ -29,7 +26,6 @@ $navbar-height: 64px; // Adjust this value based on your preference
justify-content: space-between;
align-items: center;
padding: $padding;
border-bottom: 1px solid $border-color;
.breadcrumbs-container {
flex-grow: 1;
@@ -46,6 +42,21 @@ $navbar-height: 64px; // Adjust this value based on your preference
}
}
.disabled {
opacity: 0.6;
cursor: not-allowed;
}
.setting-group {
margin-bottom: 1rem;
}
.setting-item {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.content-body {
flex-grow: 1;
overflow: hidden;
@@ -59,7 +70,6 @@ $navbar-height: 64px; // Adjust this value based on your preference
padding: $padding;
}
// Ensure CodeMirror takes full height of its container
.editor-container {
height: 100%;