1405/02/12-dev banner settings

components.d.ts

@@ -33,6 +33,9 @@ declare module '@vue/runtime-core' {
     AMenuItem: typeof import('ant-design-vue/es')['MenuItem']
     AModal: typeof import('ant-design-vue/es')['Modal']
     APagination: typeof import('ant-design-vue/es')['Pagination']
+    APopconfirm: typeof import('ant-design-vue/es')['Popconfirm']
+    APopover: typeof import('ant-design-vue/es')['Popover']
+    ARadio: typeof import('ant-design-vue/es')['Radio']
     ARadioButton: typeof import('ant-design-vue/es')['RadioButton']
     ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
     ASelect: typeof import('ant-design-vue/es')['Select']

src/pages/menuPages/banners/index.vue

@@ -4,8 +4,8 @@
       <span> افزودن بنر</span>
       <BaseIcon icon="vuesax-linear:add" size="17"/>
     </BaseButton>
-    <div class="flex mt-4 flex-col gap-2">
-      <div class="grid grid-cols-3 gap-4 overflow-y-scroll max-h-75vh" >
+    <div class="flex my-4 flex-col gap-2">
+      <div class="grid md:grid-cols-3 grid-cols-1   gap-4 overflow-y-scroll max-h-75vh " >
         <Card v-for="(item, index) in benefitsList">
           <div class="grid grid-cols-1 gap-4 mt-3">
 

src/pages/menuPages/setting/index.vue

@@ -1,9 +1,15 @@
 <template>
   <div>
     <BasicMainCard>
-      <div class="flex h-full">
+      <div class="flex flex-col md:flex-row md:h-full">
         <!--        {{ menu }}-->
-        <BasicMenu width="13rem" :menu="menu" class="overflow-auto min-w-[13.5rem]" />
+<!--        <BasicMenu width="13rem" :menu="menu" class="overflow-auto min-w-[13.5rem]" />-->
+        <BasicMenu width="11rem" :menu="menu" mode="horizontal" class="md:hidden overflow-auto" />
+        <BasicMenu
+            width="13rem"
+            :menu="menu"
+            class="hidden md:inline overflow-auto min-w-[13.5rem]"
+        />
         <!--        <component :is="selectedComponent" class="mr-5" />-->
         <RouterView class="mr-5 w-full"></RouterView>
       </div>