sasheg/launcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

site: add launcher-style auth (login/register modal, JWT localStorage) + cabinet with Сборки tab (list /packs, download /pack/{name}/zip with Bearer, pass check, manual Prologue intercept)

Browse Source
This commit is contained in:
SashegDev
2026-09-02 04:35:57 +00:00
parent 146a56cdff
commit 025a21d01f
3 changed files with 364 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/site/css/style.css
+15
View File
@@ -1304,6 +1304,21 @@ ul { list-style: none; }
.pv-sb-section { margin-top: 6px; }
}
/* ========== Auth & Cabinet (launcher style) ========== */
.hidden { display: none !important; }
.modal-backdrop { position:fixed; inset:0; background:rgba(7,7,10,0.72); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; z-index:100; animation:fadeIn 0.2s ease; }
.modal { background:var(--bg-surface, #0c0c12); border:1px solid var(--border, rgba(255,255,255,0.08)); border-radius:16px; width:90%; max-width:420px; box-shadow:0 20px 60px rgba(0,0,0,0.6); overflow:hidden; }
.modal-head { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid var(--border); }
.modal-head h3 { font-size:15px; font-weight:700; }
.modal-close { background:transparent; border:none; color:var(--text-secondary); font-size:20px; cursor:pointer; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:8px; }
.modal-close:hover { background:var(--bg-card); color:var(--text); }
.modal-body { padding:20px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field label { font-size:12px; color:var(--text-secondary); }
.field input { width:100%; padding:10px 12px; background:var(--bg-surface); border:1px solid var(--border); border-radius:8px; color:var(--text); outline:none; }
.field input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(233,69,96,0.15); }
.cabinet-tabs { display:flex; gap:8px; margin-bottom:12px; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; }
html { scroll-behavior: auto; }