style(core): fix the layout-fixed overridden by normal layout (epicma…

…xco#444)

* style(core): fix the layout-fixed overridden by normal layout
* Update VuesticLayout.vue

src/vuestic-theme/vuestic-components/vuestic-layout/VuesticLayout.vue

@@ -15,10 +15,8 @@
 
 <script>
 import Resize from '../../../directives/ResizeHandler'
-
 export default {
   name: 'vuestic-layout',
-
   props: {
     fixed: {
       type: Boolean,
@@ -40,30 +38,15 @@ export default {
 
 <style lang="scss">
 .vuestic-layout {
-  &-fixed {
-    .content-wrap {
-      padding-right: $layout-padding-right;
-      padding-top: $sidebar-top;
-
-      @include media-breakpoint-down(md) {
-        padding: $content-mobile-wrap-fixed-layout;
-        margin-left: 0;
-
-      }
-    }
-  }
-
   .content-wrap {
     margin-left: $content-wrap-ml;
     transition: margin-left 0.3s ease;
     padding: $layout-padding $layout-padding-right $content-wrap-pb 0;
-
     .pre-loader {
       position: absolute;
       left: $vuestic-preloader-left;
       top: $vuestic-preloader-top;
     }
-
     @include media-breakpoint-down(md) {
       padding: $content-mobile-wrap;
       margin-left: 0;
@@ -73,6 +56,17 @@ export default {
       }
     }
   }
+  &-fixed {
+    .content-wrap {
+      padding-right: $layout-padding-right;
+      padding-top: $sidebar-top;
+      @include media-breakpoint-down(md) {
+        padding: $content-mobile-wrap-fixed-layout;
+        margin-left: 0;
+      }
+    }
+  }
+  
   .made-by-footer {
     display: flex;
     justify-content: center;