feat(miniapp/A): rounded corners (16/12/6) + tighter rows (48px)

This commit is contained in:
wasrusgen 2026-05-09 12:34:49 +03:00
parent ce91c0283b
commit 435ef6817b
2 changed files with 9 additions and 8 deletions

View File

@ -77,9 +77,10 @@ html[data-variant="a"] {
--status-lapsed: #B85A2D; --status-lapsed: #B85A2D;
--status-grace: #6B4A2B; --status-grace: #6B4A2B;
--r-card: 0; /* Скругления: editorial был с 0px, но пользователь хочет мягкую форму */
--r-btn: 0; --r-card: 16px;
--r-tag: 3px; --r-btn: 12px;
--r-tag: 6px;
--r-pill: 100px; --r-pill: 100px;
--font-ui: "Geist", "Manrope", -apple-system, system-ui, sans-serif; --font-ui: "Geist", "Manrope", -apple-system, system-ui, sans-serif;
@ -380,8 +381,8 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--s3); gap: var(--s3);
padding: var(--s3) var(--s4); padding: 10px var(--s4);
min-height: 52px; min-height: 48px;
color: var(--ink); color: var(--ink);
cursor: pointer; cursor: pointer;
transition: background 0.12s; transition: background 0.12s;

View File

@ -12,7 +12,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<script src="https://telegram.org/js/telegram-web-app.js"></script> <script src="https://telegram.org/js/telegram-web-app.js"></script>
<link rel="stylesheet" href="assets/styles.css?v=20260509f"> <link rel="stylesheet" href="assets/styles.css?v=20260509g">
</head> </head>
<body> <body>
<main id="app"> <main id="app">
@ -20,7 +20,7 @@
<div class="spinner"></div> <div class="spinner"></div>
</div> </div>
</main> </main>
<script src="assets/icons.js?v=20260509f"></script> <script src="assets/icons.js?v=20260509g"></script>
<script src="assets/app.js?v=20260509f"></script> <script src="assets/app.js?v=20260509g"></script>
</body> </body>
</html> </html>