global update

resources/js/Global/components/Blocks/Info.vue

@@ -2,6 +2,7 @@
     <div class="info-block" :class='direction'>
         <div class="Label"><v-icon v-if="icon">WMi-{{icon}}</v-icon> {{ label }}  </div>
         <div v-if="value" class="Value" :class='valueClass' v-html="value"></div>
+        <div v-if="secondValue" class="second-value" v-html="secondValue"></div>
         <a v-if="link" :href="link" class="link WM-Link">دانلود فایل </a>
     </div>
 </template>
@@ -12,6 +13,7 @@ export default {
         icon:           String,
         label:          { default: " عنوان " },
         value:          String,
+        secondValue:    String,
         link:           String,
         direction:      { default: '' },
         valueClass:      { default: '' },
@@ -21,7 +23,7 @@ export default {
 <style lang="scss" scoped>
     .info-block {
         text-align: right;
-        padding: 5px 10px 10px 10px;
+        padding: 3px 10px 3px 10px;
         border-right: 1px solid #dcdcdc;
     }
     .info-block.LTR {
@@ -32,14 +34,23 @@ export default {
         border-left: 1px solid #dcdcdc;
     }
     .info-block .Label {
+        opacity: 0.7;
         color: #797979;
         font-size: 12px;
-        margin-bottom: 4px;
     }
     .info-block:not(.LTR) .Value {
         color: #000;
         font-size: 16px;
         font-family: 'iranyekan-regular';
+        margin-right: 3px;
+    }
+    .info-block:not(.LTR) .second-value {
+        opacity: 0.7;
+        color: #797979;
+        font-size: 12px;
+        line-height: 14px;
+        font-family: 'Montserrat-Regular';
+        margin-right: 3px;
     }
     .info-block .v-icon {
         margin-top: -5px;

resources/js/Global/components/Blocks/Name.vue

@@ -135,6 +135,29 @@
         font-size: 36px;
     }
 
+    /*----------------------------------------------------*/
+    /*                      Size XS                       */
+    /*----------------------------------------------------*/
+    .name-block.xs {
+        text-align:right;
+        padding: 0px 2px;
+    }
+    .name-block.xs .title-fa {
+        font-size: 14px;
+        line-height: 24px;
+    }
+    .name-block.xs .title-en {
+        font-size: 8px;
+        line-height: 16px;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+        margin-right: -2px;
+    }
+    .name-block.xs .En.number {
+        font-size: 30px;
+    }
+
+
     /*----------------------------------------------------*/
     /*                      Size xl                       */
     /*----------------------------------------------------*/

resources/js/Global/components/Blocks/Price.vue

@@ -54,6 +54,9 @@
         margin-left: -10px;
         font-size: 18px;
     }
+    .we-price.icon-mr-5 .prepend-icon  {
+        margin-right: 5px;
+    }
 
     .we-price .discount {
         display: flex;

resources/js/Global/components/Dividers/Section-Title.vue

@@ -52,7 +52,7 @@ export default {
     margin-left: 10px;
 }
 .section-title.icon-ml-15 .v-icon {
-    margin-left: 15px;
+    margin-left: 15px !important;
 }
 
 .section-title .Title .Fa {

resources/js/Global/components/Inputs/RadioGroup.vue

@@ -3,7 +3,7 @@
         <v-col v-for="(item, index) in items" :key="index"  :xl="item[itemSize]" class="pt-0"  @click="changeSelected($event, item || {})">
             <div :class="{'active': isActive(item), [item[itemTheme]]: true, ['theme-' + item[itemColor] ]: true, ['bubble']: true}">
                 <div class="body">
-                    <div :class="`icon ${(item[itemIconClass]) ? item[itemIconClass] : ''}`">
+                    <div v-if="item[itemIcon]" :class="`icon ${(item[itemIconClass]) ? item[itemIconClass] : ''}`">
                         <v-icon>WMi-{{ item[itemIcon] }}</v-icon>
                     </div>
                     <div class="text">
@@ -184,12 +184,10 @@
         border-radius: 10px;
         border: 1px solid;
     }
-    .bubble.fa-only .text {
-        margin-right: 5px;
-    }
     .bubble.fa-only .v-icon {
         font-size: 20px !important;
         line-height: 20px;
+        margin-left: 5px;
     }
     .bubble.fa-only .Fa {
         font-size: 14px !important;

resources/js/Global/components/Tiles/Back-Tile.vue

@@ -30,7 +30,7 @@ export default {
         width: 110px;
         height: 100%;
         position: absolute;
-        padding: 10px;
+        padding: 5px;
         right: 0px;
         top: 0px;
         border: 1px solid transparent;

resources/js/Global/components/Tiles/Icon-Tile.vue

@@ -68,11 +68,15 @@ export default {
 <style scoped lang="scss">
     .we-icon-tile {
         width:100%;
-        padding: 10px;
+        padding: 5px;
         transition: 0.5s;
         border: 1px solid transparent;
         position: relative;
     }
+    .we-icon-tile.no-background .static-content {
+        background: none !important;
+    }
+
     .we-icon-tile:hover {
         border: 1px solid #6d6d6d;
         border-radius: 5px;
@@ -114,6 +118,9 @@ export default {
     .we-icon-tile.icon-60 .Content .v-icon {
         font-size: 60px;
     }
+    .we-icon-tile.icon-50 .Content .v-icon {
+        font-size: 50px;
+    }
     .we-icon-tile.icon-ml-10 .Content .v-icon {
         margin-left: 10px;
         margin-right: -10px;
@@ -210,13 +217,13 @@ export default {
 
 
     .we-icon-tile.sm .info .En {
-        font-size: 12px;
+        font-size: 10px;
         letter-spacing: 10px;
         margin-right: -10px;
-        margin-top: -5px;
+        margin-top: -3px;
     }
     .we-icon-tile.sm .info .Fa {
-        font-size: 22px;
+        font-size: 20px;
     }
 
     /*---------------------------------------------------------------*/

resources/js/Global/scss/Misc.scss

@@ -660,7 +660,6 @@ $value in $backgrounds {
     margin: 0px -20px;
     padding: 5px 20px;
     background-color: #f9f9f9;
-    margin-bottom: 20px;
 }
 .full-row.mr-ml--30 {
     margin: 0px -30px;
@@ -715,6 +714,10 @@ $value in $colors {
     padding-bottom: 2px;
     padding-top: 2px;
 }
+.row.cols-pt-pb-2 .col {
+    padding-bottom: 4px;
+    padding-top: 4px;
+}
 
 
 /*---------------------------------------------------------------*/

resources/js/Global/utils/module-color/moduleColor.js

@@ -43,7 +43,7 @@ export default {
     // --------------------------
     // Products
     // --------------------------
-    product : 'cyan',
+    product : 'red',
     translation : 'blue',
     pricing_method: 'purple',
     product_option: 'gold',
@@ -53,7 +53,7 @@ export default {
     // --------------------------
     // Service
     // --------------------------
-    service : 'cyan',
+    service : 'orange',
 
     // --------------------------
     // Store
@@ -86,6 +86,11 @@ export default {
     gallery : 'black',
 
 
+    // --------------------------
+    // Finance
+    // --------------------------
+    expense : 'red',
+