Layout

2026-07-09 16:10:12 +02:00
parent 265d7c1509
commit a115da51f2
2 changed files with 18 additions and 4 deletions
@@ -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;
+}
@@ -7,12 +7,12 @@
  <link rel="stylesheet" href="/assets/css/main.css">
 </head>
 <body>
+<?php require '/var/www/templates/header.php'; ?>
+
 <div class="app-shell">
  <?php require '/var/www/templates/sidebar.php'; ?>

  <div class="app-main">
-    <?php require '/var/www/templates/header.php'; ?>
-
    <main class="content">
      <?php require $contentTemplate; ?>
    </main>