made ui more mobile friendly

2026-08-10 17:32:58 +02:00
parent 68a8a94edf
commit befa34909c
1 changed files with 13 additions and 3 deletions
@@ -145,13 +145,22 @@ h1,h2,h3{ margin:0; font-family:'Caveat', cursive; font-weight:700; }

 /* ---------- mobile ---------- */
@media (max-width:760px){
-  .app{ grid-template-columns:1fr; }
+  .app{
+    height:auto;
+    overflow:visible;
+    display:block;
+  }
  .sidebar{
    border-right:none;
    border-bottom:2px solid var(--ink);
-    max-height:200px;
+  }
+  .session-list{
+    flex:none;
+    max-height:180px;
  }
  .main{
+    height:auto;
+    overflow-y:visible;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "chart chart"
@@ -160,14 +169,15 @@ h1,h2,h3{ margin:0; font-family:'Caveat', cursive; font-weight:700; }
      "daily daily";
  }
 }
+
@media (max-width:420px){
  .main{
    grid-template-columns: 1fr;
    grid-template-areas:
      "chart"
      "stat1"
-      "stat2"
      "stat3"
+      "stat2"
      "stat4"
      "daily";
  }