added prettier

resources/js/components/Mobile/MobileHeader.vue

@@ -1,6 +1,5 @@
 <template>
     <header class="mobile-header">
-
         <!-- Go back-->
         <div @click="goBack" class="go-back">
             <chevron-left-icon size="17" class="icon" />
@@ -17,92 +16,86 @@
 </template>
 
 <script>
-    import {events} from '../../bus'
+import { events } from '../../bus'
 
-    import {
+import { ChevronLeftIcon, MenuIcon } from 'vue-feather-icons'
+
+export default {
+    name: 'MobileHeader',
+    props: ['title'],
+    components: {
         ChevronLeftIcon,
         MenuIcon,
-    } from 'vue-feather-icons'
-
-    export default {
-        name: 'MobileHeader',
-        props: [
-            'title'
-        ],
-        components: {
-            ChevronLeftIcon,
-            MenuIcon,
+    },
+    methods: {
+        goBack() {
+            this.$router.back()
         },
-        methods: {
-            goBack() {
-                this.$router.back();
-            }
-        }
-    }
+    },
+}
 </script>
 
 <style scoped lang="scss">
-    @import '../../../sass/vuefilemanager/variables';
-    @import '../../../sass/vuefilemanager/mixins';
+@import '../../../sass/vuefilemanager/variables';
+@import '../../../sass/vuefilemanager/mixins';
 
-    .mobile-header {
-        padding: 10px 0;
+.mobile-header {
+    padding: 10px 0;
+    text-align: center;
+    background: white;
+    position: sticky;
+    display: none;
+    z-index: 6;
+    top: 0;
+
+    > div {
+        flex-grow: 1;
+        align-self: center;
+        white-space: nowrap;
+    }
+
+    .go-back {
+        text-align: left;
+    }
+
+    .location-name {
+        line-height: 1;
         text-align: center;
-        background: white;
-        position: sticky;
-        display: none;
-        z-index: 6;
-        top: 0;
+        width: 100%;
+        vertical-align: middle;
+        @include font-size(15);
+        color: $text;
+        font-weight: 700;
+        max-width: 220px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block;
+    }
 
-        > div {
-            flex-grow: 1;
-            align-self: center;
-            white-space: nowrap;
-        }
+    .mobile-menu {
+        text-align: right;
+    }
 
-        .go-back {
-            text-align: left;
-        }
+    .icon {
+        vertical-align: middle;
+        margin-top: -4px;
+    }
+}
+
+@media only screen and (max-width: 690px) {
+    .mobile-header {
+        display: flex;
+        margin-bottom: 15px;
+    }
+}
+
+.dark {
+    .mobile-header {
+        background: $dark_mode_background;
 
         .location-name {
-            line-height: 1;
-            text-align: center;
-            width: 100%;
-            vertical-align: middle;
-            @include font-size(15);
-            color: $text;
-            font-weight: 700;
-            max-width: 220px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: inline-block;
-        }
-
-        .mobile-menu {
-            text-align: right;
-        }
-
-        .icon {
-            vertical-align: middle;
-            margin-top: -4px;
+            color: $dark_mode_text_primary;
         }
     }
-
-    @media only screen and (max-width: 690px) {
-        .mobile-header {
-            display: flex;
-            margin-bottom: 15px;
-        }
-    }
-
-    .dark {
-        .mobile-header {
-            background: $dark_mode_background;
-
-            .location-name {
-                color: $dark_mode_text_primary;
-            }
-        }
-    }
-
+}
 </style>