added dark mode

src/pages/menuPages/giftCards/components/table.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست کارت های هدیه">
-      <template v-if="!customerId" #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add', 'gift')">
-          <div>افزودن</div>
-          <BaseIcon icon="vuesax-linear:receipt-add" Size="16px" />
+      <template v-if="!customerId && isMobile" #extra>
+        <BaseButton type="primary" size="small" icon="vuesax-linear:receipt-add" @click="emits('add', 'gift')">
+          افزودن
         </BaseButton>
       </template>
 
@@ -12,19 +11,17 @@
         <BaseTable v-if="!isMobile" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
           <div class="flex gap-2">
-            <BaseButton v-if="!customerId" type="primary" size="small" class="flex" @click="emits('add', 'gift')">
-              <div>افزودن کارت هدیه</div>
-              <BaseIcon icon="vuesax-linear:receipt-add" Size="16px" />
+            <BaseButton v-if="!customerId" type="primary" size="small" icon="vuesax-linear:receipt-add" @click="emits('add', 'gift')">
+              افزودن کارت هدیه
             </BaseButton>
             <BaseButton
               v-if="!customerId && isStoreApp()"
               type="primary"
               size="small"
-              class="flex"
+              icon="vuesax-linear:discount-circle"
               @click="emits('add', 'discount')"
             >
-              <div>افزودن کد تخفیف</div>
-              <BaseIcon icon="vuesax-linear:discount-circle" Size="16px" />
+              افزودن کد تخفیف
             </BaseButton>
           </div>
         </template>