frontend update

resources/js/views/Admin/Users/UserTabs/UserInvoices.vue

@@ -1,8 +1,6 @@
 <template>
-    <div class="page-tab">
-
-        <!--Change role-->
-        <div class="page-tab-group">
+    <PageTab>
+        <PageTabGroup>
             <DatatableWrapper :paginator="true" :columns="columns" :data="invoices" class="table">
                 <template scope="{ row }">
                     <tr>
@@ -29,11 +27,13 @@
                     </tr>
                 </template>
             </DatatableWrapper>
-        </div>
-    </div>
+        </PageTabGroup>
+    </PageTab>
 </template>
 
 <script>
+    import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
+    import PageTab from '@/components/Others/Layout/PageTab'
     import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
     import {DownloadCloudIcon} from "vue-feather-icons";
     import axios from 'axios'
@@ -41,6 +41,8 @@
     export default {
         name: 'UserStorage',
         components: {
+            PageTabGroup,
+            PageTab,
             DatatableWrapper,
             DownloadCloudIcon,
         },
@@ -176,13 +178,6 @@
     @import '@assets/vue-file-manager/_mixins';
     @import '@assets/vue-file-manager/_forms';
 
-    .page-tab {
-
-        .page-tab-group {
-            margin-bottom: 45px;
-        }
-    }
-
     .block-form {
         max-width: 100%;
     }