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-grace: #6B4A2B;
--r-card: 0;
--r-btn: 0;
--r-tag: 3px;
/* Скругления: editorial был с 0px, но пользователь хочет мягкую форму */
--r-card: 16px;
--r-btn: 12px;
--r-tag: 6px;
--r-pill: 100px;
--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;
align-items: center;
gap: var(--s3);
padding: var(--s3) var(--s4);
min-height: 52px;
padding: 10px var(--s4);
min-height: 48px;
color: var(--ink);
cursor: pointer;
transition: background 0.12s;

View File

@ -12,7 +12,7 @@
<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">
<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>
<body>
<main id="app">
@ -20,7 +20,7 @@
<div class="spinner"></div>
</div>
</main>
<script src="assets/icons.js?v=20260509f"></script>
<script src="assets/app.js?v=20260509f"></script>
<script src="assets/icons.js?v=20260509g"></script>
<script src="assets/app.js?v=20260509g"></script>
</body>
</html>