@sowell/quasar-app-extension-auth 1.11.0 → 1.11.1

package/package.json

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

package/src/components/dialogs/SendEmail.vue

@@ -11,7 +11,7 @@
         alt="Background logo"
       />
     </div>
-    <div class="row justify-between items-center full-width q-px-lg q-pt-lg top-bar">
+    <div class="row justify-between items-center full-width q-px-lg top-bar">
       <div
         class="row items-center back-link"
         data-testid="restricted-back-btn"
@@ -62,7 +62,7 @@
 
   <div
     v-else
-    class="row justify-center full-height q-pl-sm q-pr-sm"
+    class="row justify-center full-height q-pl-sm q-pr-sm send-email-form"
     style="background: #f4f5f6"
     data-testid="ask-password-change-form"
   >
@@ -107,6 +107,9 @@
           <q-input
             data-testid="email-input"
             v-model="email"
+            type="email"
+            autocapitalize="off"
+            autocorrect="off"
             dense
             borderless
             bg-color="white"
@@ -247,9 +250,18 @@ export default defineComponent({
   max-height: 100vh;
 }
 
+/* Ce composant s'affiche dans un q-dialog. Sur iOS, Quasar (q-ios-padding)
+   décale déjà .q-dialog__inner sous la barre d'état : on ne lit donc PAS
+   env(), sinon le décalage serait doublé. --safe-area-inset-top n'est
+   injectée que par Capacitor SystemBars sur Android (edge-to-edge, 15+). */
 .top-bar {
   z-index: 1;
   max-width: 430px;
+  padding-top: calc(24px + var(--safe-area-inset-top, 0px));
+}
+
+.send-email-form {
+  padding-top: var(--safe-area-inset-top, 0px);
 }
 
 .back-link {

package/src/components/pages/FirstLogin.vue

@@ -8,7 +8,7 @@
         class="background-logo"
         alt="Background logo" />
     </div>
-    <div class="row justify-between items-center full-width q-px-lg q-pt-lg top-bar">
+    <div class="row justify-between items-center full-width q-px-lg top-bar">
       <div
         class="row items-center back-link"
         data-testid="back-btn"
@@ -424,6 +424,11 @@ export default defineComponent({
 .top-bar {
   z-index: 1;
   max-width: 430px;
+  /* 24px = ancien q-pt-lg. Sur iOS (viewport-fit=cover), la page n'a pas de
+     q-header : le padding iOS de Quasar ne s'applique pas, on ajoute donc la
+     safe-area ici. --safe-area-inset-top est injectée par SystemBars sur
+     Android ; env() vaut 0 sur le web. */
+  padding-top: calc(24px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));
 }
 
 .back-link {

package/src/components/pages/ResetPassword.vue

@@ -8,7 +8,7 @@
         class="background-logo"
         alt="Background logo" />
     </div>
-    <div class="row justify-between items-center full-width q-px-lg q-pt-lg top-bar">
+    <div class="row justify-between items-center full-width q-px-lg top-bar">
       <div
         class="row items-center back-link"
         data-testid="back-btn"
@@ -317,6 +317,11 @@ export default defineComponent({
 .top-bar {
   z-index: 1;
   max-width: 430px;
+  /* 24px = ancien q-pt-lg. Sur iOS (viewport-fit=cover), la page n'a pas de
+     q-header : le padding iOS de Quasar ne s'applique pas, on ajoute donc la
+     safe-area ici. --safe-area-inset-top est injectée par SystemBars sur
+     Android ; env() vaut 0 sur le web. */
+  padding-top: calc(24px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));
 }
 
 .back-link {