fix: recompile Tailwind CSS with shared macros source

- Add shared/macros to Tailwind source scan for platform CSS
- Revert toggle macro to use Tailwind classes (translate-x-*)
- Rebuild CSS to include all required classes

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2025-12-27 18:35:58 +01:00
parent acd6adfcfd
commit 5261a4eb38
3 changed files with 2030 additions and 96 deletions

View File

@@ -311,9 +311,9 @@
color='indigo'
) %}
{% set sizes = {
'sm': {'track': 'w-10 h-5', 'thumb': 'w-4 h-4', 'offset': '1.25rem', 'text': 'text-sm'},
'md': {'track': 'w-14 h-7', 'thumb': 'w-5 h-5', 'offset': '1.75rem', 'text': 'text-base'},
'lg': {'track': 'w-16 h-8', 'thumb': 'w-6 h-6', 'offset': '2rem', 'text': 'text-lg'}
'sm': {'track': 'w-10 h-5', 'thumb': 'w-4 h-4', 'translate': 'translate-x-5', 'text': 'text-sm'},
'md': {'track': 'w-14 h-7', 'thumb': 'w-5 h-5', 'translate': 'translate-x-7', 'text': 'text-base'},
'lg': {'track': 'w-16 h-8', 'thumb': 'w-6 h-6', 'translate': 'translate-x-8', 'text': 'text-lg'}
} %}
{% set s = sizes[size] %}
<div class="inline-flex items-center gap-3">
@@ -326,10 +326,10 @@
@click="{{ model }} = !{{ model }}"
role="switch"
:aria-checked="{{ model }}"
class="{{ s.track }} relative inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-{{ color }}-500 focus:ring-offset-2"
class="{{ s.track }} relative inline-flex items-center rounded-full transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-{{ color }}-500 focus:ring-offset-2"
:class="{{ model }} ? 'bg-{{ color }}-600' : 'bg-gray-300 dark:bg-gray-600'">
<span class="{{ s.thumb }} absolute bg-white rounded-full shadow-md transition-transform duration-200"
:style="{{ model }} ? 'transform: translateX({{ s.offset }})' : 'transform: translateX(0.125rem)'"></span>
<span class="{{ s.thumb }} absolute left-0.5 bg-white rounded-full shadow-md transition-transform duration-200"
:class="{{ model }} ? '{{ s.translate }}' : 'translate-x-0'"></span>
</button>
{% if right_label %}

View File

@@ -6,6 +6,7 @@
/* Content sources for tree-shaking */
@source "../../../app/templates/platform/**/*.html";
@source "../../../app/templates/shared/**/*.html";
@source "../js/**/*.js";
/* ==========================================================================

File diff suppressed because it is too large Load Diff