changes UI

resources/js/Components/PersonInfo/PhoneCreateForm.vue

@@ -20,7 +20,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/Components/ui/select";
-import { Checkbox } from "@/Components/ui/checkbox";
+import { Switch } from "@/Components/ui/switch";
 
 const props = defineProps({
   show: {
@@ -216,7 +216,7 @@ const onSubmit = form.handleSubmit(() => {
         <FormField v-slot="{ value, handleChange }" name="validated">
           <FormItem class="flex flex-row items-start space-x-3 space-y-0">
             <FormControl>
-              <Checkbox :checked="value" @update:checked="handleChange" />
+              <Switch :model-value="value" @update:model-value="handleChange" />
             </FormControl>
             <div class="space-y-1 leading-none">
               <FormLabel class="cursor-pointer">Potrjeno</FormLabel>