home update

resources/js/Home/views/Home.vue

@@ -1,29 +1,24 @@
 <template>
-    <v-container>
+    <v-container class="not-fluid">
         <v-row class="reverse">
             <v-col xl="8" lg="8" offset-xl="2" offset-lg="2" class="fade-in fast delay-01">
-                <big-section-title title_fa="سیستم مدیریت یک پارچه" title_en="Integrated Management System"
-                                   desc="هر آنچه مربوط به مدیریت مجموعه ی شما می باشد."/>
+                <big-section-title title_fa="سیستم مدیریت یک پارچه" title_en="Integrated Management System" desc="هر آنچه مربوط به مدیریت مجموعه ی شما می باشد."/>
             </v-col>
         </v-row>
         <v-row>
             <a
                 :href="module.hasModule ? module.href : 'javascript:void(0)'"
-                :class="'flex fade-in fast ' + module.main_class"
+                :class="`module col col-xl-2 col-md-2 col-sm-4 col-xs-6 pa-0 fade-in fast flex-justified-center ${module.main_class}`"
                 v-for="( module ,key ) in modules"
                 :key="key"
                 :style="`animation-delay: ${key * 0.1}s;`"
             >
                 <icon-tile
-                    :theme="module.title_class +' Shadowed'"
+                    :theme="module.title_class"
                     :class="module.hasModule ? '' : 'has-blur'"
                     :TitleEn="module.title_en"
                     :TitleFa="module.title_fa"
-                    :GradientBegin="module.gradient_begin"
-                    :GradientEnd="module.gradient_end"
                     :icon="module.img_url"
-                    :height="module.img_height"
-                    :Desc="module.description"
                 />
             </a>
         </v-row>
@@ -38,6 +33,7 @@
 
 <script>
     import IconTile from '@Global/components/Tiles/Icon-Tile';
+    import SquareIconTile from '@Global/components/Tiles/Square-Icon-Tile';
     import {mapGetters, mapActions} from "vuex";
     import routes from '@Global/utils/common/routes';
     import BigSectionTitle from '@Global/components/Dividers/Section-Title-Big';
@@ -49,6 +45,7 @@
         }),
         components: {
             IconTile,
+            SquareIconTile,
             BigSectionTitle
         },
         computed: {
@@ -77,7 +74,7 @@
 </script>
 
 <style scoped lang="scss">
-    .container {
-        max-width: 1785px;
+    .module.border-left {
+        border-left: 1px solid #d4d4d4;
     }
 </style>