Otto/second-brain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): mobile viewport and search bar overflow

Browse Source
This commit is contained in:
Otto
2026-05-31 16:45:18 +02:00
parent 9ec1e0d28f
commit c22c7be444
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/style.css
View File

@@ -14,6 +14,7 @@ body {
margin: 0 auto; margin: 0 auto;
min-height: 100vh; min-height: 100vh;
background: #141419; background: #141419;
width: 100%;
} }
/* ─── Stats Bar ───────────────────────────────────────────────────────────── */ /* ─── Stats Bar ───────────────────────────────────────────────────────────── */
@@ -78,6 +79,7 @@ body {
gap: 8px; gap: 8px;
padding: 10px 12px; padding: 10px 12px;
background: #141419; background: #141419;
flex-wrap: wrap;
} }
/* tab buttons styled via .tabs-bar */ /* tab buttons styled via .tabs-bar */
@@ -197,6 +199,7 @@ body {
.graph-hint{ padding: 4px 12px 10px; } .graph-hint{ padding: 4px 12px 10px; }
#searchInput { #searchInput {
flex: 1; flex: 1;
min-width: 0;
background: #1e1e28; background: #1e1e28;
border: 1px solid #2a2a3a; border: 1px solid #2a2a3a;
border-radius: 10px; border-radius: 10px;
@@ -214,6 +217,7 @@ body {
color: #e8e8ee; color: #e8e8ee;
font-size: 0.85rem; font-size: 0.85rem;
outline: none; outline: none;
min-width: 0;
} }
#exportFormat { #exportFormat {
@@ -224,6 +228,7 @@ body {
color: #e8e8ee; color: #e8e8ee;
font-size: 0.85rem; font-size: 0.85rem;
outline: none; outline: none;
min-width: 0;
} }
.btn-export { .btn-export {
@@ -235,6 +240,7 @@ body {
font-weight: 700; font-weight: 700;
font-size: 0.85rem; font-size: 0.85rem;
cursor: pointer; cursor: pointer;
min-width: 0;
} }
.btn-export:active { transform: scale(0.98); } .btn-export:active { transform: scale(0.98); }

2
templates/dashboard.html
View File

@@ -2,7 +2,7 @@
<html lang="de"> <html lang="de">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>🧠 Second Brain</title> <title>🧠 Second Brain</title>
<link rel="stylesheet" href="/static/style.css"> <link rel="stylesheet" href="/static/style.css">
</head> </head>