adam/potato-mesh
1
0
Fork 0
mirror of https://github.com/l5yth/potato-mesh.git synced 2026-07-03 16:31:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: make frontend responsive for mobile (#46)

Browse Source
This commit is contained in:
l5y
2025-09-14 23:50:42 +02:00
committed by GitHub
parent 547518a105
commit 737d2016e6
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/public/index.html
+5
View File
@@ -44,6 +44,11 @@
.legend span { display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: middle; }
#map .leaflet-tile { filter: opacity(70%); }
footer { position: fixed; bottom: 0; left: var(--pad); width: calc(100% - 2 * var(--pad)); background: #fafafa; border-top: 1px solid #ddd; text-align: center; font-size: 12px; padding: 4px 0; }
@media (max-width: 768px) {
.map-row { flex-direction: column; }
#map { order: 1; flex: none; max-width: 100%; height: 50vh; }
#chat { order: 2; flex: none; max-width: 100%; height: 30vh; }
}
</style>
</head>
<body>