valaxy 0.19.3 → 0.19.4

package/client/components/ValaxyApp.vue

@@ -52,6 +52,14 @@ useHead({
       host: siteConfig.value.url,
     },
   },
+
+  script: [
+    {
+      id: 'check-mac-os',
+      innerHTML: `document.documentElement.classList.toggle('mac', /Mac|iPhone|iPod|iPad/i.test(navigator.platform))`,
+      async: true,
+    },
+  ],
 })
 
 // seo

package/client/components/ValaxyDecrypt.vue

@@ -74,7 +74,8 @@ onMounted(() => {
         <input
           v-model="password"
           w-full
-          border pl-5 pr-11 py-3 rounded hover:shadow transition
+          border="~ solid dark:dark-100"
+          pl-5 pr-11 py-3 rounded-full hover:shadow transition
           type="password" placeholder="Enter password"
           :class="hasError && 'border-red'"
           @input="hasError = false"

package/client/styles/mixins/variable.scss

@@ -12,10 +12,6 @@
   }
 
   @return $name;
-
-  
-
-
 }
 
 // get-css-var('button', 'text-color') => var(--el-button-text-color)

package/client/styles/palette.scss

@@ -31,11 +31,14 @@ $colors: map.merge(
   $colors
 );
 $c-primary: map.get($colors, "primary") !default;
+
+// https://sass-lang.com/documentation/modules/color/
+// The lighten() function increases lightness by a fixed amount, which is often not the desired effect. To make a color a certain percentage lighter than it was before, use scale() instead.
 $colors: map.merge(
   (
-    "primary-light": color.adjust($c-primary, $lightness: 10%),
-    "primary-lighter": color.adjust($c-primary, $lightness: 20%),
-    "primary-dark": color.adjust($c-primary, $lightness: -5%),
+    "primary-light": color.scale($c-primary, $lightness: 10%),
+    "primary-lighter": color.scale($c-primary, $lightness: 20%),
+    "primary-dark": color.scale($c-primary, $lightness: -5%),
   ),
   $colors
 );