wasrusgen/zov-tech
1
0
Fork 0
mirror of https://github.com/wasrusgen/zov-tech.git synced 2026-06-03 16:24:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

splash: flex column center + меньше лого + drop-shadow

Browse Source 
- .loader: grid → flex column. Теперь элементы плотным
  кластером в центре, а не разброс по высоте.
- Лого max-width 360px → 260px (как просил, чуть меньше)
- Добавил drop-shadow под лого для глубины

Cache bust v=20260513zj.
This commit is contained in:
wasrusgen 2026-05-13 22:21:32 +03:00
parent f71590b05a
commit 00de1baef9
2 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
miniapp/assets/styles.css
View File

@ -192,10 +192,12 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
Loader (брендированный — логотип ЗОВ + дыхание) Loader (брендированный — логотип ЗОВ + дыхание)
============================================================ */ ============================================================ */
.loader { .loader {
display: grid; display: flex;
place-items: center; flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh; min-height: 100vh;
gap: 22px; gap: 18px;
padding: 24px; padding: 24px;
} }
@ -218,12 +220,13 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
/* Бренд @wasrusgen1 на splash — SVG-лого + CRM */ /* Бренд @wasrusgen1 на splash — SVG-лого + CRM */
.brand-logo { .brand-logo {
width: 80%; width: 70%;
max-width: 360px; max-width: 260px;
height: auto; height: auto;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
animation: logoBreath 2.2s ease-in-out infinite; animation: logoBreath 2.2s ease-in-out infinite;
filter: drop-shadow(0 6px 16px rgba(44, 62, 80, 0.18));
} }
.brand-tagline-gold { .brand-tagline-gold {
font-family: "Inter", system-ui, sans-serif; font-family: "Inter", system-ui, sans-serif;

24
miniapp/index.html
View File

@ -12,25 +12,25 @@
<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;800&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&family=Cormorant+Garamond:ital,wght@1,400;1,500;1,600&family=Caveat:wght@500;700&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&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&family=Cormorant+Garamond:ital,wght@1,400;1,500;1,600&family=Caveat:wght@500;700&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=20260513zi"> <link rel="stylesheet" href="assets/styles.css?v=20260513zj">
<link rel="stylesheet" href="assets/podbor.css?v=20260513zi"> <link rel="stylesheet" href="assets/podbor.css?v=20260513zj">
</head> </head>
<body> <body>
<!-- Splash — лого @wasrusgen1 в кривых (золото), CRM как слоган --> <!-- Splash — лого @wasrusgen1 в кривых (золото), CRM как слоган -->
<div class="loader splash" id="splash"> <div class="loader splash" id="splash">
<img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zi" alt="@wasrusgen1"> <img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zj" alt="@wasrusgen1">
<div class="loader-bar"></div> <div class="loader-bar"></div>
<div class="brand-tagline-gold">CRM</div> <div class="brand-tagline-gold">CRM</div>
</div> </div>
<main id="app"></main> <main id="app"></main>
<script src="assets/icons.js?v=20260513zi"></script> <script src="assets/icons.js?v=20260513zj"></script>
<script src="assets/podbor.config.js?v=20260513zi"></script> <script src="assets/podbor.config.js?v=20260513zj"></script>
<script src="assets/podbor.picts.js?v=20260513zi"></script> <script src="assets/podbor.picts.js?v=20260513zj"></script>
<script src="assets/podbor.js?v=20260513zi"></script> <script src="assets/podbor.js?v=20260513zj"></script>
<script src="assets/clients.js?v=20260513zi"></script> <script src="assets/clients.js?v=20260513zj"></script>
<script src="assets/zamer-picts.js?v=20260513zi"></script> <script src="assets/zamer-picts.js?v=20260513zj"></script>
<script src="assets/measurements.js?v=20260513zi"></script> <script src="assets/measurements.js?v=20260513zj"></script>
<script src="assets/request.js?v=20260513zi"></script> <script src="assets/request.js?v=20260513zj"></script>
<script src="assets/app.js?v=20260513zi"></script> <script src="assets/app.js?v=20260513zj"></script>
</body> </body>
</html> </html>