frontend update

resources/js/components/Others/Forms/FormLabel.vue

@@ -25,7 +25,7 @@
     .form-label {
         display: flex;
         align-items: center;
-        margin-bottom: 20px;
+        margin-bottom: 30px;
 
         .icon {
             margin-right: 10px;

resources/js/components/Others/Layout/PageTab.vue

@@ -22,6 +22,4 @@
 <style lang="scss" scoped>
     @import '@assets/vue-file-manager/_variables';
     @import '@assets/vue-file-manager/_mixins';
-
-
-</style>
+</style>

resources/js/components/Others/Layout/PageTabGroup.vue

@@ -15,6 +15,6 @@
     @import '@assets/vue-file-manager/_mixins';
 
     .page-tab-group {
-        margin-bottom: 45px;
+        margin-bottom: 65px;
     }
 </style>

resources/js/components/Others/PageHeader.vue

@@ -35,7 +35,7 @@
         width: 100%;
         position: sticky;
         top: 0;
-        padding: 20px 0;
+        padding-bottom: 20px;
 
         .title {
             @include font-size(18);

resources/js/components/Others/StorageItemDetail.vue

@@ -49,14 +49,14 @@
             .icon {
 
                 path, line, polyline, rect, circle, polygon {
-                    stroke: $theme;
+                    stroke: $text;
                 }
             }
 
             .storage-progress {
 
                 /deep/ span {
-                    background: $theme;
+                    background: $text;
                 }
             }
         }

resources/js/components/Sidebar/UserHeadline.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="user-meta" v-if="app">
+    <div class="user-meta" v-if="user">
         <b class="name">{{ user.data.attributes.name }}</b>
         <span class="email">{{ user.data.attributes.email }}</span>
     </div>