From 2007279fc6e5917520d64969be5bd79ed2dd3aea Mon Sep 17 00:00:00 2001 From: jamey Date: Thu, 19 Feb 2026 21:27:52 +0000 Subject: [PATCH] replace dead Tailwind classes in shop pages with custom CSS MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Coming soon page was unstyled after Tailwind removal — replaced utility classes with proper component CSS. Also removed dead h-full classes from shop_root layout, adding height: 100% to the shop reset. Co-Authored-By: Claude Opus 4.6 --- assets/css/shop/components.css | 27 +++++++++++++++++++ assets/css/shop/reset.css | 7 +++++ .../components/layouts/shop_root.html.heex | 6 ++--- lib/berrypod_web/live/shop/coming_soon.ex | 6 ++--- 4 files changed, 40 insertions(+), 6 deletions(-) diff --git a/assets/css/shop/components.css b/assets/css/shop/components.css index ec40b54..fdca333 100644 --- a/assets/css/shop/components.css +++ b/assets/css/shop/components.css @@ -2480,4 +2480,31 @@ .product-grid[data-columns="3"] { grid-template-columns: repeat(3, 1fr); } .product-grid[data-columns="4"] { grid-template-columns: repeat(4, 1fr); } } + + /* ── Coming soon ── */ + + .coming-soon { + display: flex; + align-items: center; + justify-content: center; + min-height: 100vh; + min-height: 100dvh; + padding-inline: 1.5rem; + text-align: center; + } + + .coming-soon-title { + font-family: var(--t-font-heading); + font-weight: var(--t-heading-weight); + letter-spacing: var(--t-heading-tracking); + color: var(--t-text-primary); + font-size: clamp(1.875rem, 5vw, 2.25rem); + line-height: 1.2; + } + + .coming-soon-message { + margin-top: 1rem; + font-size: 1.125rem; + color: var(--t-text-secondary); + } } diff --git a/assets/css/shop/reset.css b/assets/css/shop/reset.css index 08e2359..ec900d6 100644 --- a/assets/css/shop/reset.css +++ b/assets/css/shop/reset.css @@ -13,12 +13,14 @@ } html { + height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; } body { + height: 100%; line-height: 1.5; -webkit-font-smoothing: antialiased; } @@ -78,6 +80,11 @@ cursor: pointer; } + /* Full-height shop root */ + .shop-root { + height: 100%; + } + /* LiveView wrapper divs are layout-invisible */ [data-phx-session], [data-phx-teleported-src] { diff --git a/lib/berrypod_web/components/layouts/shop_root.html.heex b/lib/berrypod_web/components/layouts/shop_root.html.heex index 6d1d247..8fc6f55 100644 --- a/lib/berrypod_web/components/layouts/shop_root.html.heex +++ b/lib/berrypod_web/components/layouts/shop_root.html.heex @@ -1,5 +1,5 @@ - + @@ -31,9 +31,9 @@ <%= Phoenix.HTML.raw(@generated_css) %> - +
+
-

{@theme_settings.site_name}

-

+

{@theme_settings.site_name}

+

We're getting things ready. Check back soon.