From cd5d92ea17dce521fb16d29edf28308be588f330 Mon Sep 17 00:00:00 2001 From: wasrusgen Date: Sun, 10 May 2026 23:33:07 +0300 Subject: [PATCH] miniapp: redraw fridge pictograms in style D (3D perspective with shadow) --- miniapp/preview-fridges.html | 475 +++++++++++++++++++++-------------- 1 file changed, 289 insertions(+), 186 deletions(-) diff --git a/miniapp/preview-fridges.html b/miniapp/preview-fridges.html index 99e44a4..47193ad 100644 --- a/miniapp/preview-fridges.html +++ b/miniapp/preview-fridges.html @@ -4,7 +4,7 @@ - Превью пиктограмм · Холодильники + Превью пиктограмм · Холодильники · 3D @@ -31,11 +31,7 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } - .wrap { - max-width: 720px; - margin: 0 auto; - padding: 24px 20px 80px; - } + .wrap { max-width: 720px; margin: 0 auto; padding: 24px 20px 80px; } h1 { font-family: "Newsreader", Georgia, serif; font-style: italic; @@ -55,11 +51,7 @@ color: var(--muted); margin-bottom: 4px; } - .lede { - color: var(--muted); - margin: 0 0 32px; - font-size: 14px; - } + .lede { color: var(--muted); margin: 0 0 32px; font-size: 14px; } .section-label { font-family: "JetBrains Mono", monospace; font-size: 11px; @@ -72,22 +64,13 @@ align-items: center; gap: 12px; } - .section-label::after { - content: ""; - flex: 1; - height: 1px; - background: var(--line); - } - + .section-label::after { content: ""; flex: 1; height: 1px; background: var(--line); } .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } - @media (min-width: 540px) { - .grid { grid-template-columns: 1fr 1fr 1fr; } - } - + @media (min-width: 540px) { .grid { grid-template-columns: 1fr 1fr 1fr; } } .card { background: #fff; border: 1px solid var(--line); @@ -102,14 +85,8 @@ } .card:active { background: var(--warm); transform: scale(0.98); } .card.active { border-color: var(--walnut); background: var(--warm); } - - .pict { - width: 96px; - height: 128px; - color: var(--walnut); - } + .pict { width: 96px; height: 128px; } .pict svg { width: 100%; height: 100%; display: block; } - .name { font-family: "Geist", sans-serif; font-size: 13.5px; @@ -127,7 +104,6 @@ color: var(--muted); text-align: center; } - .footer-note { margin-top: 40px; padding: 16px; @@ -146,10 +122,46 @@ + + + +
-
Превью v2 · Editorial Calm
+
Превью v3 · 3D перспектива

Холодильники.
Подбор по типу

-

Структура с правильным разделением: колонны теперь во встроенных, морозильная камера осталась в отдельностоящих.

+

Стиль D — мягкая тень, градиентный корпус, фронтальная перспектива. Холод — светлый верх, мороз — тёплый низ.

Шаг 1 · тип установки
@@ -157,13 +169,21 @@
-
Что поменялось vs v1
+
Визуальный язык v3 — что общего
+