@sowell/quasar-app-extension-auth 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",

package/src/components/pages/WebAuth.vue

@@ -2,7 +2,7 @@
   <q-layout>
     <div class="row window-height">
       <div class="col column content-center bgWhite">
-        <div class="q-mt-xl">
+        <div class="q-mt-xl custom-screen">
           <img src="../../assets/Sowell-logo.svg" style="width: 210px" />
         </div>
         <div class="column col content-center justify-center center">
@@ -345,4 +345,13 @@ export default defineComponent({
     display: none;
   }
 }
+@media screen and (max-width: 1366px) and (max-height: 768px) {
+  .custom-screen {
+    margin-top: 15px;
+    margin-bottom: 125px;
+  }
+  .subtitle {
+    margin-bottom: 20px !important;
+}
+}
 </style>

package/src/components/pages/WebResetPassword.vue

@@ -8,10 +8,7 @@
             class="q-mb-sm q-mr-md"
             style="width: 190px" />
         </div>
-        <div
-          class="column justify-center full-height"
-          style="max-width: 550px; margin-top: -90px">
-          <div></div>
+        <div class="column justify-center full-height" style="max-width: 550px">
           <div
             class="text-subtitle1 q-mt-lg"
             style="font-size: 34px; font-weight: 600; line-height: 34px">
@@ -43,10 +40,11 @@
                 class="full-width q-mb-md">
                 <template #append>
                   <q-icon
-                    :name="showPassword
-              ? icons.ionEyeOffOutline
-              : icons.ionEyeOutline
-              "
+                    :name="
+                      showPassword
+                        ? icons.ionEyeOffOutline
+                        : icons.ionEyeOutline
+                    "
                     class="cursor-pointer q-mr-sm"
                     @click="showPassword = !showPassword" />
                 </template>
@@ -108,7 +106,7 @@ export default defineComponent({
       canSubmit,
       passwordUpdated,
       showPassword,
-      icons, 
+      icons,
       goToLoginPage,
       onSubmit
     }

package/src/utils/encryption.ts

@@ -1,9 +1,15 @@
-import CryptoJS from "crypto-js";
+import CryptoJS from "crypto-js"
 
 export function encrypt(password: string): string {
-  return CryptoJS.AES.encrypt(password, process.env.ENCRYPTION_KEY).toString()
+  const key = process.env.ENCRYPTION_KEY
+  if (!key) throw new Error(" is not defined")
+  return CryptoJS.AES.encrypt(password, key).toString()
 }
 
 export function decrypt(encryptedPassword: string): string {
-    return CryptoJS.AES.decrypt(encryptedPassword, process.env.ENCRYPTION_KEY).toString(CryptoJS.enc.Utf8)
+  const key = process.env.ENCRYPTION_KEY
+  if (!key) throw new Error("ENCRYPTION_KEY is not defined")
+  return CryptoJS.AES.decrypt(encryptedPassword, key).toString(
+    CryptoJS.enc.Utf8
+  )
 }