Fix pagination direction in RTL layout

Fixes #227

Author: doroudi

src/components.d.ts

@@ -44,26 +44,33 @@ declare module 'vue' {
     MessageItem: typeof import('./components/Apps/Chat/MessageItem.vue')['default']
     MicrosoftIcon: typeof import('./components/CustomIcons/MicrosoftIcon.vue')['default']
     NAutoComplete: typeof import('naive-ui')['NAutoComplete']
+    NAvatar: typeof import('naive-ui')['NAvatar']
     Navbar: typeof import('./components/Navbar/Navbar.vue')['default']
     NBadge: typeof import('naive-ui')['NBadge']
     NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
     NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
     NButton: typeof import('naive-ui')['NButton']
+    NCollapse: typeof import('naive-ui')['NCollapse']
+    NCollapseItem: typeof import('naive-ui')['NCollapseItem']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDialogProvider: typeof import('naive-ui')['NDialogProvider']
+    NDrawer: typeof import('naive-ui')['NDrawer']
+    NDrawerContent: typeof import('naive-ui')['NDrawerContent']
     NDropdown: typeof import('naive-ui')['NDropdown']
     NEmpty: typeof import('naive-ui')['NEmpty']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NIcon: typeof import('naive-ui')['NIcon']
     NInput: typeof import('naive-ui')['NInput']
     NLayout: typeof import('naive-ui')['NLayout']
+    NLayoutContent: typeof import('naive-ui')['NLayoutContent']
     NLayoutSider: typeof import('naive-ui')['NLayoutSider']
     NList: typeof import('naive-ui')['NList']
     NListItem: typeof import('naive-ui')['NListItem']
     NMenu: typeof import('naive-ui')['NMenu']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
+    NModal: typeof import('naive-ui')['NModal']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
     Notifications: typeof import('./components/Navbar/Notifications.vue')['default']
     NPageHeader: typeof import('naive-ui')['NPageHeader']
@@ -78,6 +85,7 @@ declare module 'vue' {
     NText: typeof import('naive-ui')['NText']
     NThing: typeof import('naive-ui')['NThing']
     NTooltip: typeof import('naive-ui')['NTooltip']
+    NTreeSelect: typeof import('naive-ui')['NTreeSelect']
     OrderManagement: typeof import('./components/Orders/OrderManagement.vue')['default']
     PersianIcon: typeof import('./components/CustomIcons/PersianIcon.vue')['default']
     ProductsManagement: typeof import('./components/Products/ProductsManagement.vue')['default']

src/layouts/default.vue

@@ -48,7 +48,7 @@ watch(
           <NScrollbar>
             <div
               class="h-full overflow-auto md:mx-auto"
-              :class="{ 'md-container': !effectiveFluid, 'md:pb-15': !fullScreen, 'p-3': !fullScreen }"
+              :class="{ 'md-container': !effectiveFluid, 'md:pb-18': !fullScreen, 'p-3': !fullScreen }"
             >
               <router-view v-slot="{ Component, route }">
                 <transition name="route" mode="out-in">

src/styles/utils/_override.scss

@@ -49,8 +49,21 @@
     top: 2px;
   }
 
+  .n-pagination *:not(:last-child) {
+    margin: var(--n-item-margin);
+  }
+
+  .n-pagination *:last-child {
+    margin: auto;
+  }
+
   .n-pagination {
-    flex-direction: row-reverse !important;
+
+    .n-pagination-item--button {
+      svg {
+        transform: rotate(180deg);
+      }
+    }
   }
 
   .n-data-table-expand-trigger {
@@ -69,10 +82,10 @@
     flex: 0;
   }
 
-    .n-layout-sider .n-layout-sider__border {
-      left:0;
-      right: auto;
-    }
+  .n-layout-sider .n-layout-sider__border {
+    left: 0;
+    right: auto;
+  }
 }
 
 
@@ -93,6 +106,7 @@ select:-webkit-autofill:focus {
 .border-color-default {
   border-color: var(--border-color);
 }
+
 // ApexCharts
 .dark {
   .apexcharts-text {
@@ -122,5 +136,5 @@ select:-webkit-autofill:focus {
 }
 
 .n-list {
-  background-color: transparent!important;
+  background-color: transparent !important;
 }