20220552/ai-florist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve Tailwind invalid declaration error on BudgetSlider

Browse Source
This commit is contained in:
codenamewont
2026-06-14 17:26:50 +09:00
parent 07e4eeaca3
commit 578e54efa6
2 changed files with 30 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/lib/components/ui/create/BudgetSlider.svelte
View File

@@ -1,5 +1,7 @@
<script>
let { budget = $bindable(50000) } = $props();
import './budget-slider.css';
let { budget = $bindable() } = $props();
const min = 10_000;
const max = 150_000;
@@ -39,33 +41,3 @@
</div>
</div>
</div>
<style>
.budget-slider::-webkit-slider-thumb {
appearance: none;
width: 1rem;
height: 1rem;
border-radius: 9999px;
background: var(--color-pill);
border: none;
margin-top: -0.4375rem;
}
.budget-slider::-moz-range-thumb {
width: 1rem;
height: 1rem;
border-radius: 9999px;
background: var(--color-pill);
border: none;
}
.budget-slider::-webkit-slider-runnable-track {
height: 1px;
background: transparent;
}
.budget-slider::-moz-range-track {
height: 1px;
background: transparent;
}
</style>

27
src/lib/components/ui/create/budget-slider.css Normal file
View File

@@ -0,0 +1,27 @@
.budget-slider::-webkit-slider-thumb {
appearance: none;
width: 1rem;
height: 1rem;
border-radius: 9999px;
background: var(--color-pill);
border: none;
margin-top: -0.4375rem;
}
.budget-slider::-moz-range-thumb {
width: 1rem;
height: 1rem;
border-radius: 9999px;
background: var(--color-pill);
border: none;
}
.budget-slider::-webkit-slider-runnable-track {
height: 1px;
background: transparent;
}
.budget-slider::-moz-range-track {
height: 1px;
background: transparent;
}