mirrors/plugin-sample-vite-svelte
1
0
Fork 1
mirror of https://github.com/siyuan-note/plugin-sample-vite-svelte.git synced 2025-06-08 02:46:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

slider tooltips

Browse source
This commit is contained in:
frostime 2023-06-28 21:17:34 +08:00
parent 73070a56fd
commit b1660caa30
1 changed files with 13 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/libs/setting-item.svelte
View file

@ -13,7 +13,7 @@
min: number; min: number;
max: number; max: number;
step: number; step: number;
} = {min: 0, max: 100, step: 1}; // Use it if type is slider } = { min: 0, max: 100, step: 1 }; // Use it if type is slider
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
@ -76,15 +76,17 @@
</select> </select>
{:else if type == "slider"} {:else if type == "slider"}
<!-- Slider --> <!-- Slider -->
<div class="b3-tooltips b3-tooltips__n" aria-label={settingValue}>
<input <input
class="b3-slider fn__size200" class="b3-slider fn__size200"
id="fontSize" id="fontSize"
min="{slider.min}" min={slider.min}
max="{slider.max}" max={slider.max}
step="{slider.step}" step={slider.step}
type="range" type="range"
bind:value={settingValue} bind:value={settingValue}
on:change={changed} on:change={changed}
/> />
</div>
{/if} {/if}
</label> </label>