frontend/backend update

resources/js/views/User/Password.vue

@@ -5,7 +5,7 @@
                                 class="form block-form">
 
                 <div class="block-wrapper">
-                    <b class="form-group-label">{{ $t('page_create_password.label_new_pass') }}:</b>
+                    <label>{{ $t('page_create_password.label_new_pass') }}:</label>
                     <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="New Password"
                                         rules="required" v-slot="{ errors }">
                         <input v-model="newPassword" :placeholder="$t('page_create_password.label_new_pass')"

resources/js/views/User/Settings.vue

@@ -2,7 +2,6 @@
     <PageTab>
         <PageTabGroup v-if="userInfo">
             <div class="form block-form">
-                <b class="form-group-label">{{ $t('admin_page_user.label_person_info') }}</b>
                 <div class="wrapper-inline">
                     <div class="block-wrapper">
                         <label>{{ $t('page_registration.label_email') }}</label>
@@ -50,17 +49,17 @@
                         />
                     </div>
                 </div>
-                <div class="wrapper-inline">
-                    <div class="block-wrapper">
-                        <label>State:</label>
-                        <div class="input-wrapper">
-                            <input @keyup="$updateText('/user/relationships/settings', 'billing_state', billingInfo.billing_state)"
-                                   v-model="billingInfo.billing_state"
-                                   placeholder="Type your billing state"
-                                   type="text"
-                            />
-                        </div>
+                <div class="block-wrapper">
+                    <label>State:</label>
+                    <div class="input-wrapper">
+                        <input @keyup="$updateText('/user/relationships/settings', 'billing_state', billingInfo.billing_state)"
+                               v-model="billingInfo.billing_state"
+                               placeholder="Type your billing state"
+                               type="text"
+                        />
                     </div>
+                </div>
+                <div class="wrapper-inline">
                     <div class="block-wrapper">
                         <label>City:</label>
                         <div class="input-wrapper">
@@ -135,13 +134,6 @@
             ThemeLabel,
             required,
         },
-        /*        watch: {
-                    'user.name': debounce(function (val) {
-                        if (val === '') return
-
-                        this.$store.commit('UPDATE_NAME', val)
-                    }, 300),
-                },*/
         data() {
             return {
                 userInfo: undefined,

resources/js/views/User/Storage.vue

@@ -1,7 +1,6 @@
 <template>
     <PageTab v-if="storage">
         <PageTabGroup>
-            <b class="form-group-label">{{ $t('storage.sec_capacity') }}</b>
             <StorageItemDetail type="disk" :title="$t('storage.total_used', {used: storage.attributes.used})" :percentage="storage.attributes.percentage" :used="$t('storage.total_capacity', {capacity: storage.attributes.capacity})"/>
         </PageTabGroup>
         <PageTabGroup>

resources/js/views/User/Subscription.vue

@@ -0,0 +1,58 @@
+<template>
+    <PageTab>
+        <PageTabGroup>
+
+        </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 {ExternalLinkIcon} from "vue-feather-icons";
+    import axios from 'axios'
+
+    export default {
+        name: 'UserSubscription',
+        components: {
+            PageTabGroup,
+            PageTab,
+            DatatableWrapper,
+            ExternalLinkIcon,
+        },
+        data() {
+            return {
+                isLoading: true,
+                invoices: undefined,
+            }
+        },
+        created() {
+/*            axios.get('/api/user/subscription')
+                .then(response => {
+                    this.invoices = response.data.data
+                    this.isLoading = false
+                })*/
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vue-file-manager/_forms';
+
+    .block-form {
+        max-width: 100%;
+    }
+
+
+    @media only screen and (max-width: 960px) {
+
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+
+</style>