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

load shop.css in admin layout for theme editor preview

Browse Source 
The theme editor preview renders shop components inline. After removing
shop Tailwind (Phase 5c), those components use semantic CSS classes from
shop.css which wasn't loaded in the admin layout. Added a layer ordering
declaration to keep shop reset below Tailwind base in the cascade.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey 2026-02-17 20:07:52 +00:00
parent f5f6374f7b
commit b25e04d1b2
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
lib/simpleshop_theme_web/components/layouts/admin_root.html.heex
View File

@ -7,7 +7,12 @@
<.live_title default="Admin" suffix=" · SimpleShop"> <.live_title default="Admin" suffix=" · SimpleShop">
{assigns[:page_title]} {assigns[:page_title]}
</.live_title> </.live_title>
<!-- Pre-declare layer order so shop reset < Tailwind base regardless of load order -->
<style>
@layer properties, reset, primitives, tokens, theme, base, components, layout, utilities, overrides;
</style>
<link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} /> <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} />
<link phx-track-static rel="stylesheet" href={~p"/assets/css/shop.css"} />
<script defer phx-track-static src={~p"/assets/js/app.js"}> <script defer phx-track-static src={~p"/assets/js/app.js"}>
</script> </script>
<script> <script>