khadzhibekovpa/split-trainer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: страница «Оверлей» (KeyOverlay): описание, скриншоты, загрузки, прошивка, быстрый старт

Browse Source
This commit is contained in:
darko
2026-10-20 09:56:04 +03:00
parent fcafe1ae15
commit b6b83cfaf9
10 changed files with 162 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+23
View File
@@ -315,3 +315,26 @@ td.r, th.r { text-align: right; }
.linkbtn { border: 0; background: none; padding: 0; color: var(--accent); font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; }
.linkbtn:hover { filter: brightness(1.15); }
.danger-zone { border-color: var(--bad); }
/* ---------- Страница оверлея ---------- */
.ov-block { margin-top: 14px; }
.ov-block h2 { margin-bottom: 10px; }
.ov-block h3 { margin: 18px 0 8px; font-size: 16px; }
.ov-block p { margin: 0 0 10px; }
.ov-list { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 8px; }
.ov-steps { margin: 8px 0 12px; padding-left: 22px; display: grid; gap: 8px; }
.ov-gallery { display: grid; gap: 14px; margin-top: 12px; }
.ov-gallery.wide { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.ov-gallery.narrow { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
.ov-gallery figure { margin: 0; display: grid; gap: 8px; align-content: start; }
.ov-gallery img { width: 100%; height: auto; display: block; border-radius: 12px; border: 1px solid var(--line); background: #0b0d12; }
.ov-gallery a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 12px; }
.ov-gallery figcaption { font-size: 13px; color: var(--muted); }
.dl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; margin: 12px 0; }
.dl-card { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 16px; background: var(--panel2); border: 1px solid var(--line); border-radius: 14px; }
.dl-card p { margin: 0; flex: 1; }
a.btn { display: inline-block; text-decoration: none; }
a.btn.primary { color: var(--accent-fg); }
.ov-block p a, .ov-list a { color: var(--accent); font-weight: 600; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }