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:
@@ -311,9 +311,9 @@
|
|||||||
color='indigo'
|
color='indigo'
|
||||||
) %}
|
) %}
|
||||||
{% set sizes = {
|
{% set sizes = {
|
||||||
'sm': {'track': 'w-10 h-5', 'thumb': 'w-4 h-4', 'offset': '1.25rem', 'text': 'text-sm'},
|
'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', 'offset': '1.75rem', 'text': 'text-base'},
|
'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', 'offset': '2rem', 'text': 'text-lg'}
|
'lg': {'track': 'w-16 h-8', 'thumb': 'w-6 h-6', 'translate': 'translate-x-8', 'text': 'text-lg'}
|
||||||
} %}
|
} %}
|
||||||
{% set s = sizes[size] %}
|
{% set s = sizes[size] %}
|
||||||
<div class="inline-flex items-center gap-3">
|
<div class="inline-flex items-center gap-3">
|
||||||
@@ -326,10 +326,10 @@
|
|||||||
@click="{{ model }} = !{{ model }}"
|
@click="{{ model }} = !{{ model }}"
|
||||||
role="switch"
|
role="switch"
|
||||||
:aria-checked="{{ model }}"
|
: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'">
|
: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"
|
<span class="{{ s.thumb }} absolute left-0.5 bg-white rounded-full shadow-md transition-transform duration-200"
|
||||||
:style="{{ model }} ? 'transform: translateX({{ s.offset }})' : 'transform: translateX(0.125rem)'"></span>
|
:class="{{ model }} ? '{{ s.translate }}' : 'translate-x-0'"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
{% if right_label %}
|
{% if right_label %}
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
|
|
||||||
/* Content sources for tree-shaking */
|
/* Content sources for tree-shaking */
|
||||||
@source "../../../app/templates/platform/**/*.html";
|
@source "../../../app/templates/platform/**/*.html";
|
||||||
|
@source "../../../app/templates/shared/**/*.html";
|
||||||
@source "../js/**/*.js";
|
@source "../js/**/*.js";
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user