diff options
Diffstat (limited to 'internal/generator/templates/themes/cosmos/theme.css')
| -rw-r--r-- | internal/generator/templates/themes/cosmos/theme.css | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/internal/generator/templates/themes/cosmos/theme.css b/internal/generator/templates/themes/cosmos/theme.css index eff1267..4d67e3e 100644 --- a/internal/generator/templates/themes/cosmos/theme.css +++ b/internal/generator/templates/themes/cosmos/theme.css @@ -1,9 +1,9 @@ :root { --gold:#ffd166; --purple:#9b5de5; --blue:#4cc9f0; --bg:#020214; } * { margin:0; padding:0; box-sizing:border-box; } body { font-family:'Segoe UI',system-ui,sans-serif; background:var(--bg); - color:#d4e8ff; overflow:hidden; height:100vh; } + color:#d4e8ff; overflow:hidden; height:100vh; height:100dvh; } #three-canvas { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; } - .overlay { position:relative; z-index:10; height:100vh; display:flex; flex-direction:column; } + .overlay { position:relative; z-index:10; height:100vh; height:100dvh; display:flex; flex-direction:column; } header { padding:16px 28px; background:rgba(2,2,20,0.78); backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,209,102,0.2); display:flex; align-items:center; justify-content:space-between; } .logo { display:flex; align-items:center; gap:14px; } @@ -53,7 +53,7 @@ box-shadow:0 0 60px rgba(255,209,102,0.25); padding:40px; backdrop-filter:blur(16px); } .modal-close { float:right; background:none; border:none; color:var(--gold); font-size:0.9rem; cursor:pointer; letter-spacing:1px; } - @media(max-width:640px) { .nav-hints{display:none;} header{padding:12px 18px;} .content{padding:14px 18px;} } + @media(max-width:640px) { .nav-hints{display:none;} header{padding:12px 18px;} .content{padding:14px 18px;} .modal-inner{padding:20px 14px} .transmit-btn{padding-top:11px;padding-bottom:11px;min-height:44px} .modal-close{padding:10px 14px;min-width:44px;min-height:44px;text-align:center} } [data-sno-theme="cosmos"] .splash-overlay { background: radial-gradient(ellipse 100% 80% at 50% 100%, rgba(155,93,229,0.2) 0%, transparent 55%), var(--bg); } [data-sno-theme="cosmos"] .splash-stars { position:absolute; inset:0; pointer-events:none; opacity:0.5; |