Darken glass panels and stabilize tab transitions
This commit is contained in:
parent
b23e42e54b
commit
90c739d5ee
2 changed files with 4 additions and 5 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue