diff --git a/resources/js/Global/components/Blocks/Info.vue b/resources/js/Global/components/Blocks/Info.vue
index ab930d6..863e201 100644
--- a/resources/js/Global/components/Blocks/Info.vue
+++ b/resources/js/Global/components/Blocks/Info.vue
@@ -1,6 +1,6 @@
-
WMi-{{icon}} {{ label }}
+
WMi-{{icon}} {{ label }}
@@ -8,7 +8,7 @@
+
diff --git a/resources/js/Global/components/Dividers/Section-Title.vue b/resources/js/Global/components/Dividers/Section-Title.vue
index 7296325..53b8e0f 100644
--- a/resources/js/Global/components/Dividers/Section-Title.vue
+++ b/resources/js/Global/components/Dividers/Section-Title.vue
@@ -63,6 +63,7 @@ export default {
letter-spacing: 5px;
text-transform: uppercase;
margin-right: -5px;
+ color: #afafaf;
}
@@ -91,5 +92,26 @@ export default {
font-size: 40px;
}
+/* --------------------------------------------------------
+ XS Size :: Begin
+-------------------------------------------------------- */
+.section-title.xs .step {
+ font-size: 35px;
+ line-height: 45px;
+}
+.section-title.xs .Title .Fa {
+ font-size: 17px;
+ line-height: 23px;
+}
+.section-title.xs .Title .En {
+ font-size: 9px;
+ line-height: 12px;
+}
+.section-title.xs .v-icon {
+ font-size: 32px;
+ margin-left: 5px;
+}
+
+
diff --git a/resources/js/Global/components/Inputs/Quantity-Select.vue b/resources/js/Global/components/Inputs/Quantity-Select.vue
index 43a025a..301c69a 100644
--- a/resources/js/Global/components/Inputs/Quantity-Select.vue
+++ b/resources/js/Global/components/Inputs/Quantity-Select.vue
@@ -1,8 +1,17 @@
-
WMi-plus
-
{{ quantity }}
{{ label }}
-
WMi-minus
+
+
+ WMi-plus
+
+
+ WMi-minus
+
+
+
+
{{ quantity }}
+
{{ label }}
+
@@ -31,25 +40,40 @@
cursor: pointer;
}
.quantity-select .value {
- padding: 15px 0px 0px 0px;
- margin-top: 5px;
- font-size: 40px;
+ padding: 0px 0px 0px 0px;
+ margin-top: 0px;
+ font-size: 35px;
+ line-height: 30px;
color: var(--color-black);
+ margin-top: -2px;
}
.quantity-select .value .unit {
font-size: 12px;
- margin-top: 8px;
+ line-height: 16px;
+ /*margin-top: 8px;*/
}
.quantity-select .v-icon:hover {
opacity: 1;
}
+ .quantity-select .controls .add {
+ display: block;
+ }
+ .quantity-select .controls .reduce {
+ display: block;
+ margin-top: -10px;
+ margin-right: 1px;
+ }
+
/*----------------------------------------------------*/
/* SM Size */
/*----------------------------------------------------*/
+ .quantity-select.sm .v-icon {
+ font-size: 25px;
+ }
.quantity-select.sm .value {
- font-size: 30px;
+ font-size: 40px;
}
.quantity-select.sm .value .unit {
display: none;
@@ -58,6 +82,16 @@
padding-top: 0px;
margin-top: 0px;
}
+ .quantity-select.sm .controls .add {
+ display: block;
+ margin-bottom: -10px;
+ margin-top: 5px;
+ }
+ .quantity-select.sm .controls .reduce {
+ display: block;
+ margin-top: 3px;
+ margin-right: 1px;
+ }
diff --git a/resources/js/Global/scss/Icons/Icons.zip b/resources/js/Global/scss/Icons/Icons.zip
new file mode 100644
index 0000000..99837fa
Binary files /dev/null and b/resources/js/Global/scss/Icons/Icons.zip differ
diff --git a/resources/js/Global/scss/Misc.scss b/resources/js/Global/scss/Misc.scss
index b6a59eb..1e09047 100644
--- a/resources/js/Global/scss/Misc.scss
+++ b/resources/js/Global/scss/Misc.scss
@@ -8,35 +8,49 @@
margin-bottom: 10px;
position: relative;
}
+.opacity-03 {
+ opacity: 0.3;
+}
+.opacity-05 {
+ opacity: 0.5;
+}
+.opacity-07 {
+ opacity: 0.7;
+}
/* --------------------------------------------------------
Borders :: Begin
-------------------------------------------------------- */
-.WM-Border, .border-1x {
+
+.border {
border: 1px solid;
}
-
-.WM-Border-2x {
- border: 2px solid;
+.border-bottom {
+ border-bottom: 1px solid;
}
-
-.WM-Border-R {
+.border-top {
+ border-top: 1px solid;
+}
+.border-right {
border-right: 1px solid;
}
-
-.WM-Border-L {
+.border-left {
border-left: 1px solid;
}
-
-.WM-Border-T {
- border-top: 1px solid;
+[class^="border-"] {
+ transition: 0.2s;
}
-
-.WM-Border-B {
- border-bottom: 1px solid;
+[class^="border-"].x2 {
+ border-width: 2px;
}
+@each $Color,
+$Value in $colors {
+ .border-#{$Color} {
+ border-color: $Value;
+ }
+}
/* --------------------------------------------------------
Labels :: Begin
@@ -649,3 +663,29 @@ $value in $colors {
.v-btn--fab.v-size--x-small .v-icon, .v-btn--icon.v-size--x-small .v-icon {
font-size: 16px;
}
+
+
+/*---------------------------------------------------------------*/
+/* active states :: Begin
+/*---------------------------------------------------------------*/
+@each $background,
+$value in $backgrounds {
+ .theme-#{$background}.active-bg {
+ background-color: $value;
+ }
+}
+
+
+/*---------------------------------------------------------------*/
+/* hidden states :: Begin
+/*---------------------------------------------------------------*/
+.hidden-by-height {
+ max-height: 0px;
+ opacity: 0;
+ overflow: hidden;
+ transition: opacity 0.3s, max-height 0.3s cubic-bezier(1,0,.2,1);
+}
+.hidden-by-height.active {
+ max-height: 1000px;
+ opacity: 1;
+}
diff --git a/resources/js/Global/scss/_vars.scss b/resources/js/Global/scss/_vars.scss
index 1438351..38c62d4 100644
--- a/resources/js/Global/scss/_vars.scss
+++ b/resources/js/Global/scss/_vars.scss
@@ -1,12 +1,12 @@
//--------------------------------------------Red
$Red: #ee3552;
$RedShadow: rgba(255, 75, 90, 0.5);
-$RedBackground: #fff6f7;
+$RedBackground: #fff8f9;
//--------------------------------------------Orange
$Orange: #FF6B57;
$OrangeShadow:rgba(255, 130, 46, 0.5);
-$OrangeBackground: #fff6f5;
+$OrangeBackground: #fff9f8;
//--------------------------------------------Yellow
$Yellow: #ffc107;
@@ -21,7 +21,7 @@ $GoldBackground: #ffe5e9;
//--------------------------------------------Purple
$Purple:#ac3773;
$PurpleShadow:rgba(172, 55, 115, 0.5);
-$PurpleBackground: #fff4f6;
+$PurpleBackground: #fff5fa;
//--------------------------------------------Blue
$Blue: #3498DB;
diff --git a/resources/js/Global/utils/module-color/moduleColor.js b/resources/js/Global/utils/module-color/moduleColor.js
index f424748..a12f749 100644
--- a/resources/js/Global/utils/module-color/moduleColor.js
+++ b/resources/js/Global/utils/module-color/moduleColor.js
@@ -17,7 +17,7 @@ export default {
// Basic Service
// --------------------------
sms:"orange",
- authorize:"green",
+ authorize:"blue",
// --------------------------
// CRM