snw/bot_pozhitki
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Darken glass panels and stabilize tab transitions

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/index.html
View file

@ -6,7 +6,7 @@
<meta name="color-scheme" content="dark" /> <meta name="color-scheme" content="dark" />
<meta name="theme-color" content="#111111" /> <meta name="theme-color" content="#111111" />
<title>Пожитки</title> <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="./telegram-web-app.js"></script>
<script src="./app.js?v=4" defer></script> <script src="./app.js?v=4" defer></script>
</head> </head>

7
static/styles.css
View file

@ -1,7 +1,7 @@
:root { :root {
--bg: #111111; --bg: #111111;
--surface: rgba(0, 0, 0, .1); --surface: rgba(0, 0, 0, .25);
--surface-active: rgba(0, 0, 0, .28); --surface-active: rgba(0, 0, 0, .42);
--text: #ffffff; --text: #ffffff;
--muted: rgba(255, 255, 255, .68); --muted: rgba(255, 255, 255, .68);
--accent: #f0d28a; --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; } .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); } .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; } .view.active { display: block; }
@keyframes reveal { from { opacity: 0; transform: translateY(5px); } }
.hero-card { .hero-card {
min-height: 210px; min-height: 210px;