From e927c81b346e124537be6808383e23d2520afd47 Mon Sep 17 00:00:00 2001
From: Benny Samir Hierl <bennysamir@posteo.de>
Date: Sun, 13 Feb 2022 02:34:34 +0100
Subject: [PATCH] fix checkbox

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
---
 src/components/InputCheckbox.vue | 14 +++++---------
 src/views/LoginView.vue          |  2 ++
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/InputCheckbox.vue b/src/components/InputCheckbox.vue
index 76ce7bc..0dd08ef 100644
--- a/src/components/InputCheckbox.vue
+++ b/src/components/InputCheckbox.vue
@@ -1,20 +1,16 @@
 <template>
   <div class="relative mb-8">
     <label class="mb-1 block w-full" :for="name">{{ label }}</label>
-    <input
-      class="border-2 border-solid border-stone-300 bg-transparent px-2 outline-none dark:border-stone-700"
-      :name="name"
-      :id="name"
-      type="checkbox"
-      :checked="checked"
-      @change="handleChange((checked = !checked))"
-      v-bind="$attrs"
-    />
+    <div @click="handleChange(checked)">
+      <IconToggleOn v-if="!checked" class="h-12 w-12 fill-emerald-700" />
+      <IconToggleOff v-else class="h-12 w-12 cursor-pointer fill-stone-500" />
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { useField } from 'vee-validate'
+import { IconToggleOn, IconToggleOff } from '@/components/icons'
 
 const props = defineProps({
   value: {
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index fcf8703..1706295 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -4,6 +4,7 @@ import { useI18n } from 'vue-i18n'
 import { Form } from 'vee-validate'
 import { object, string } from 'yup'
 import { useAuth } from '@/composables'
+import { IconLogin } from '@/components/icons'
 import BaseButton from '@/components/BaseButton.vue'
 import InputText from '@/components/InputText.vue'
 
@@ -47,6 +48,7 @@ const onSubmit = (values: any): void => {
         <BaseButton
           class="h-12 w-full"
           mode="primary"
+          :icon="IconLogin"
           :disabled="!meta.dirty || !meta.valid"
           >{{ t('pages.login-view.main.form.submit.text') }}</BaseButton
         >