From 045468f04157d44134a11eded52458e67c6f30fa Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 13 Mar 2025 01:32:55 +0330
Subject: [PATCH] changed button styles in ratios

---
 frontend/assets/css/button.comp.css | 32 ++++++++++++++---------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/assets/css/button.comp.css b/frontend/assets/css/button.comp.css
index db43161..1ab15d2 100644
--- a/frontend/assets/css/button.comp.css
+++ b/frontend/assets/css/button.comp.css
@@ -1,21 +1,21 @@
 @utility btn-xl {
-    @apply typo-label-lg py-4 px-6 gap-3;
+    @apply typo-label-lg py-4 px-5 lg:px-6 gap-3;
     svg {
-        @apply size-[20px]
+        @apply size-[20px];
     }
 }
 
 @utility btn-lg {
-    @apply typo-label-md py-3 px-4 gap-2.5;
+    @apply typo-label-md py-3 px-3 lg:px-4 gap-2.5;
     svg {
-        @apply size-[20px]
+        @apply size-[20px];
     }
 }
 
 @utility btn-md {
-    @apply typo-label-sm py-[10px] px-[14px] gap-2;
+    @apply typo-label-sm py-[6px] lg:py-[10px] px-[10px] lg:px-[14px] gap-2;
     svg {
-        @apply size-[16px]
+        @apply size-[16px];
     }
 }
 
@@ -23,14 +23,14 @@
     @apply text-white bg-black border-[1.5px] border-transparent;
     @apply btn-lg;
 
-    svg[class~=iconify] path {
+    svg[class~="iconify"] path {
         @apply stroke-white;
     }
 
     &:hover {
         @apply bg-white border-black text-black;
 
-        svg[class~=iconify] path {
+        svg[class~="iconify"] path {
             @apply stroke-black;
         }
     }
@@ -38,7 +38,7 @@
     &:disabled {
         @apply bg-slate-100 text-slate-400;
 
-        svg[class~=iconify] path {
+        svg[class~="iconify"] path {
             @apply stroke-slate-400;
         }
     }
@@ -48,7 +48,7 @@
     @apply text-black bg-slate-100;
     @apply btn-lg;
 
-    svg[class~=iconify] path {
+    svg[class~="iconify"] path {
         @apply stroke-black;
     }
 
@@ -59,7 +59,7 @@
     &:disabled {
         @apply bg-slate-100 text-slate-400;
 
-        svg[class~=iconify] path {
+        svg[class~="iconify"] path {
             @apply stroke-slate-400;
         }
     }
@@ -69,7 +69,7 @@
     @apply text-black border-[1.5px] border-slate-200;
     @apply btn-lg;
 
-    svg[class~=iconify] path {
+    svg[class~="iconify"] path {
         @apply stroke-black;
     }
 
@@ -80,7 +80,7 @@
     &:disabled {
         @apply text-slate-300;
 
-        svg[class~=iconify] path {
+        svg[class~="iconify"] path {
             @apply stroke-slate-300;
         }
     }
@@ -90,14 +90,14 @@
     @apply text-black bg-white;
     @apply btn-lg;
 
-    svg[class~=iconify] path {
+    svg[class~="iconify"] path {
         @apply stroke-black;
     }
 
     &:hover {
         @apply text-slate-500;
 
-        svg[class~=iconify] path {
+        svg[class~="iconify"] path {
             @apply stroke-slate-500;
         }
     }
@@ -105,7 +105,7 @@
     &:disabled {
         @apply text-slate-400;
 
-        svg[class~=iconify] path {
+        svg[class~="iconify"] path {
             @apply stroke-slate-400;
         }
     }