diff --git a/app/public/assets/css/layout.css b/app/public/assets/css/layout.css
index 5a1116b..088880c 100644
--- a/app/public/assets/css/layout.css
+++ b/app/public/assets/css/layout.css
@@ -1,5 +1,5 @@
.app-shell {
- min-height: 100vh;
+ min-height: calc(100vh - 82px);
display: grid;
grid-template-columns: 230px 1fr;
}
@@ -41,7 +41,7 @@
.content {
padding: 32px;
- max-width: 1280px;
+ width: 100%;
}
@media (max-width: 900px) {
@@ -61,3 +61,17 @@
width: 160px;
}
}
+
+.app-header {
+ position: sticky;
+ top: 0;
+ z-index: 100;
+ width: 100%;
+}
+
+.sidebar {
+ position: sticky;
+ top: 80px;
+ height: calc(100vh - 80px);
+ align-self: flex-start;
+}
diff --git a/app/templates/layout.php b/app/templates/layout.php
index eb5a9ec..35dcec7 100644
--- a/app/templates/layout.php
+++ b/app/templates/layout.php
@@ -7,12 +7,12 @@
+
+