added dark mode

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

@@ -1,19 +1,17 @@
 <template>
   <div class="h-full min-h-0 min-w-0 max-w-full overflow-hidden">
     <BasicShowContext title="لیست پیامک ها">
-      <template v-if="!mobile" #extra>
-        <BaseButton type="primary" size="small" class="flex shrink-0 md:hidden" @click="emits('add')">
-          <div>ارسال پیامک</div>
-          <BaseIcon icon="vuesax-linear:sms" Size="16px" />
+      <template v-if="!mobile && isMobileScreen" #extra>
+        <BaseButton type="primary" size="small" icon="vuesax-linear:sms" @click="emits('add')">
+          ارسال پیامک
         </BaseButton>
       </template>
 
       <div class="flex h-full min-h-0 flex-col">
         <BaseTable v-if="!isMobileScreen" class="h-full min-h-0 min-w-0" v-bind="tblProps" @register="submit" ref="tbl">
         <template #extraHeader>
-          <BaseButton v-if="!mobile" type="primary" size="small" class="flex" @click="emits('add')">
-            <div>ارسال پیامک</div>
-            <BaseIcon icon="vuesax-linear:sms" Size="16px" />
+          <BaseButton v-if="!mobile" type="primary" size="small" icon="vuesax-linear:sms" @click="emits('add')">
+            ارسال پیامک
           </BaseButton>
         </template>
         <template #action="{ column, record }">