Darken glass panels and stabilize tab transitions

This commit is contained in:
Codex 2026-09-07 20:30:32 +00:00
parent b23e42e54b
commit 90c739d5ee
2 changed files with 4 additions and 5 deletions

View file

@ -6,7 +6,7 @@
<meta name="color-scheme" content="dark" />
<meta name="theme-color" content="#111111" />
<title>Пожитки</title>
<link rel="stylesheet" href="./styles.css?v=5" />
<link rel="stylesheet" href="./styles.css?v=6" />
<script src="./telegram-web-app.js"></script>
<script src="./app.js?v=4" defer></script>
</head>

View file

@ -1,7 +1,7 @@
:root {
--bg: #111111;
--surface: rgba(0, 0, 0, .1);
--surface-active: rgba(0, 0, 0, .28);
--surface: rgba(0, 0, 0, .25);
--surface-active: rgba(0, 0, 0, .42);
--text: #ffffff;
--muted: rgba(255, 255, 255, .68);
--accent: #f0d28a;
@ -72,9 +72,8 @@ h2 { margin: 0; font-size: 23px; letter-spacing: -.025em; }
.user-chip { display: flex; align-items: center; gap: 8px; max-width: 48%; padding: 5px 11px 5px 5px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); font-size: 12px; font-weight: 650; white-space: nowrap; overflow: hidden; }
.mini-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: rgba(0, 0, 0, .28); color: var(--text); }
.view { display: none; animation: reveal .25s ease; }
.view { display: none; padding-top: clamp(120px, 17vh, 175px); }
.view.active { display: block; }
@keyframes reveal { from { opacity: 0; transform: translateY(5px); } }
.hero-card {
min-height: 210px;