jamey/berrypod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

replace dead Tailwind classes in shop pages with custom CSS

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
jamey
2026-02-19 21:27:52 +00:00
parent 5834be870f
commit 2007279fc6
4 changed files with 40 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/css/shop/components.css
View File

@@ -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);
}
}