feat: 更新复选框样式为切换开关,提升用户体验
This commit is contained in:
@@ -57,7 +57,7 @@ async function saveUnifiedRatio() {
|
|||||||
sizeFeedback === 'updated' && 'text-green-600',
|
sizeFeedback === 'updated' && 'text-green-600',
|
||||||
sizeFeedback === 'not-updated' && 'text-red-600',
|
sizeFeedback === 'not-updated' && 'text-red-600',
|
||||||
]}>
|
]}>
|
||||||
<input type="checkbox" bind:checked={unifiedSize} onchange={saveUnifiedSize} class="checkbox" />
|
<input type="checkbox" bind:checked={unifiedSize} onchange={saveUnifiedSize} class="toggle" />
|
||||||
Unified Size
|
Unified Size
|
||||||
</label>
|
</label>
|
||||||
<label
|
<label
|
||||||
@@ -71,7 +71,7 @@ async function saveUnifiedRatio() {
|
|||||||
bind:checked={unifiedRatio}
|
bind:checked={unifiedRatio}
|
||||||
onchange={saveUnifiedRatio}
|
onchange={saveUnifiedRatio}
|
||||||
disabled={!unifiedSize}
|
disabled={!unifiedSize}
|
||||||
class="checkbox" />
|
class="toggle" />
|
||||||
Unified Ratio
|
Unified Ratio
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user