style: add responsive design for header in admin index template
Kim committed
Oct 29, 2025 at 18:51 UTC
49c0e617bb114804efa655b40bd7ca5ac6fff04f
1 file changed
+11
cmd/relay-server/view.go
+11
@@ -367,6 +367,17 @@ var serverTmpl = template.Must(template.New("admin-index").Parse(`<!doctype html
367
.gh-btn { width:36px; height:36px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; color:#000; background:#fff; border:1px solid var(--line) }
368
.counter { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 10px; border-radius:999px; background:var(--ok-bg); color:var(--ok); font-weight:800 }
369
.counter .icon { width:18px; height:18px }
370
+
371
+ /* Responsive: prevent header overflow on small screens */
372
+ @media (max-width: 640px) {
373
+ .wrap { padding: 20px 14px }
374
+ header { flex-wrap: wrap; gap: 12px; padding: 16px }
375
+ .brand { font-size: 16px }
376
+ .rightbar { margin-left: 0; width: 100%; flex-wrap: wrap; gap: 8px }
377
+ .searchbar { flex: 1 1 100%; width: 100%; max-width: 100% }
378
+ .gh-btn { width: 32px; height: 32px }
379
+ .counter { height: 32px; padding: 0 8px; font-size: 12px }
380
+ }
381
</style>
382
</head>
383
<body>