Change a few colors and setup the theme switch to test the light theme

2024-11-04 13:49:49 +01:00
parent 5ce2d3e236
commit 633231f821
4 changed files with 29 additions and 7 deletions
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -17,7 +17,10 @@ watch(loading, (value) => {
        <div class="w-1/2 flex flex-1 flex-col justify-center items-center gap-2">
            <Collapsible label="Options">
                <div class="flex flex-col justify-start items-start">
-                    <Switch label="Verrouiler" v-model="disabled" />
+                    <div class="flex flex-row">
+                        <Switch v-model="disabled" onIcon="radix-icons:lock-closed" offIcon="radix-icons:lock-open-2" />
+                        <ThemeSwitch />
+                    </div>
                    <SliderInput :disabled="disabled" :label="`Prix: ${price.toFixed(2)}€`" :min="0" :max="1500" :step="0.25"
                        v-model="price" />
                    <TextInput label="Saisir un pseudonyme" :disabled="disabled" v-model="username" />