From 552f049474be524e7eaf8761dcd0eed7568552ac Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Fri, 13 Dec 2024 23:47:07 +0330
Subject: [PATCH] removed rounded full from button

---
 frontend/components/Button.vue | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/frontend/components/Button.vue b/frontend/components/Button.vue
index 2b559d0..46ea375 100644
--- a/frontend/components/Button.vue
+++ b/frontend/components/Button.vue
@@ -1,45 +1,42 @@
 <script setup lang="ts">
-
 // types
 type Props = {
-    variant?: "solid" | "secondary" | "outlined" | "ghost"
-    size?: "xl" | "lg" | "md",
+    variant?: "solid" | "secondary" | "outlined" | "ghost";
+    size?: "xl" | "lg" | "md";
     startIcon?: string;
     endIcon?: string;
-}
+};
 
 // props
 const props = withDefaults(defineProps<Props>(), {
     variant: "solid",
-    size: "lg"
+    size: "lg",
 });
 const { variant, size } = toRefs(props);
 
 // computed
 const classes = computed(() => {
     return [
-        "rounded-full flex items-center justify-center transition-all cursor-pointer",
+        "flex items-center justify-center transition-all cursor-pointer",
         {
             "btn-solid": variant.value === "solid",
             "btn-secondary": variant.value === "secondary",
             "btn-outlined": variant.value === "outlined",
-            "btn-ghost": variant.value === "ghost"
+            "btn-ghost": variant.value === "ghost",
         },
         {
             "btn-xl": size.value === "xl",
             "btn-lg": size.value === "lg",
-            "btn-md": size.value === "md"
-        }
+            "btn-md": size.value === "md",
+        },
     ];
 });
-
 </script>
 
 <template>
     <button :class="classes">
-        <Icon v-if="startIcon" :name="startIcon" class="ms-0" />
+        <Icon v-if="startIcon" :name="startIcon" />
         <slot />
-        <Icon v-if="endIcon" :name="endIcon" class="me-0" />
+        <Icon v-if="endIcon" :name="endIcon" />
     </button>
 </template>
-