|
270 | 270 | .activity-heatmap { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; } |
271 | 271 | .heat-cell { aspect-ratio:1; border-radius:3px; background:var(--border); transition:background 0.3s; cursor:default; } |
272 | 272 | /* ── Mobile Sidebar ── */ |
273 | | - .hamburger { display: none; width: 36px; height: 36px; border-radius: 8px; |
| 273 | + .hamburger { |
| 274 | + display: none; width: 38px; height: 38px; border-radius: 8px; |
274 | 275 | background: var(--surface); border: 1px solid var(--border2); cursor: pointer; |
275 | | - flex-direction: column; align-items: center; justify-content: center; gap: 5px; flex-shrink: 0; } |
276 | | - .hamburger span { display: block; width: 16px; height: 1.5px; background: var(--text); border-radius: 2px; transition: all .2s; } |
277 | | - .sidebar-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.6); |
278 | | - z-index: 49; backdrop-filter: blur(2px); } |
| 276 | + flex-direction: column; align-items: center; justify-content: center; gap: 5px; |
| 277 | + flex-shrink: 0; position: relative; z-index: 60; pointer-events: all; |
| 278 | + } |
| 279 | + .hamburger span { display: block; width: 16px; height: 2px; background: var(--text); border-radius: 2px; transition: all .2s; } |
| 280 | + .hamburger:hover { border-color: var(--accent); } |
| 281 | + .sidebar-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.65); |
| 282 | + z-index: 48; backdrop-filter: blur(3px); } |
279 | 283 | .sidebar-overlay.open { display: block; } |
280 | 284 | /* ── Responsive ── */ |
281 | 285 | @media (max-width: 900px) { |
282 | 286 | .hamburger { display: flex; } |
283 | | - .sidebar { display: none; position: fixed; top: 0; left: 0; height: 100vh; z-index: 50; |
284 | | - box-shadow: 4px 0 30px rgba(0,0,0,.5); } |
285 | | - .sidebar.open { display: flex; } |
286 | | - .topbar { padding-left: 10px; } |
| 287 | + .sidebar { display: none; position: fixed; top: 0; left: 0; height: 100vh; |
| 288 | + z-index: 50; box-shadow: 4px 0 30px rgba(0,0,0,.6); width: 240px; } |
| 289 | + .sidebar.open { display: flex; flex-direction: column; } |
| 290 | + .topbar { padding-left: 10px; position: relative; z-index: 10; } |
| 291 | + .controls-bar { position: relative; z-index: 10; } |
287 | 292 | .content { grid-template-columns: 1fr; padding: 14px; } |
288 | 293 | .service-cards { grid-template-columns: 1fr; } |
289 | 294 | .form-grid { grid-template-columns: 1fr; } |
|
318 | 323 | </svg> |
319 | 324 | <div> |
320 | 325 | <div class="logo-name">Media<span>starr</span></div> |
321 | | - <div class="logo-sub">Hunt Engine <span style="color:var(--accent);font-weight:700">v6.3.1</span></div> |
| 326 | + <div class="logo-sub">Hunt Engine <span style="color:var(--accent);font-weight:700">v6.3.2</span></div> |
322 | 327 | </div> |
323 | 328 | </div> |
324 | 329 | </div> |
|
341 | 346 | <span style="font-size:9px;color:var(--muted)">↗</span> |
342 | 347 | </div> |
343 | 348 | </a> |
| 349 | + <a href="https://buymeacoffee.com/kroeberd" target="_blank" rel="noopener noreferrer" style="text-decoration:none"> |
| 350 | + <div class="nav-item" style="background:rgba(245,200,66,.07);border:1px solid rgba(245,200,66,.2);border-radius:8px;margin:4px 6px 0;padding:7px 10px"> |
| 351 | + <span style="font-size:14px">☕</span> |
| 352 | + <span class="nav-label" style="font-size:11px;color:#f5c842">Buy me a coffee</span> |
| 353 | + <span style="font-size:9px;color:var(--muted)">↗</span> |
| 354 | + </div> |
| 355 | + </a> |
344 | 356 | </nav> |
345 | 357 |
|
346 | 358 | <div class="sidebar-bottom"> |
|
356 | 368 | <div class="lang-btn" onclick="setLang('en')" id="lang-en">🇬🇧 EN</div> |
357 | 369 | </div> |
358 | 370 | <button class="btn" style="width:100%;font-size:10px;padding:5px;margin-bottom:6px;color:var(--muted2)" onclick="resetSetup()" data-i18n="btn_reset_setup">⚙ Setup zurücksetzen</button> |
359 | | - <div class="version-tag"><a href="https://github.com/kroeberd/mediastarr" target="_blank" style="text-decoration:none"><span style="background:rgba(255,107,43,.15);border:1px solid rgba(255,107,43,.4);border-radius:4px;padding:2px 8px;color:#ff6b2b;font-size:10px;font-weight:600">v6.3.1</span></a></div> |
| 371 | + <div class="version-tag"><a href="https://github.com/kroeberd/mediastarr" target="_blank" style="text-decoration:none"><span style="background:rgba(255,107,43,.15);border:1px solid rgba(255,107,43,.4);border-radius:4px;padding:2px 8px;color:#ff6b2b;font-size:10px;font-weight:600">v6.3.2</span></a></div> |
360 | 372 | </div> |
361 | 373 | </aside> |
362 | 374 |
|
|
0 commit comments