fix(theme): login modal fixes

packages/default-theme/components/SwLogin.vue

@@ -6,17 +6,17 @@
         v-if="error"
         class="sw-login__alert"
         type="danger"
-        :message="error"
+        message="Cannot login with provided credentials"
       />
       <SfInput
-        v-model="login"
-        name="login"
-        label="Your login"
+        v-model="email"
+        name="email"
+        label="Your email"
         class="form__input"
-        :valid="!$v.login.$error"
+        :valid="!$v.email.$error"
         :disabled="isLoading"
-        error-message="Login is required"
-        @blur="$v.login.$touch()"
+        error-message="Email is required"
+        @blur="$v.email.$touch()"
       />
       <SfInput
         v-model="password"
@@ -43,7 +43,7 @@
 <script>
 import { SfInput, SfButton, SfAlert } from '@storefront-ui/vue'
 import { validationMixin } from 'vuelidate'
-import { required } from 'vuelidate/lib/validators'
+import { required, email } from 'vuelidate/lib/validators'
 import { useUser } from '@shopware-pwa/composables'
 
 export default {
@@ -52,7 +52,7 @@ export default {
   mixins: [validationMixin],
   data() {
     return {
-      login: '',
+      email: '',
       password: ''
     }
   },
@@ -65,8 +65,9 @@ export default {
     }
   },
   validations: {
-    login: {
-      required
+    email: {
+      required,
+      email
     },
     password: {
       required

packages/default-theme/components/SwRegister.vue

@@ -6,7 +6,7 @@
         v-if="error"
         class="sw-register__alert"
         type="danger"
-        :message="error"
+        message="Cannot create a new account, the user may already exist"
       />
       <SfSelect
         v-model="salutation"

packages/default-theme/components/modals/SwLoginModal.vue

@@ -43,7 +43,7 @@ import { SfButton, SfModal, SfAlert } from '@storefront-ui/vue'
 import { useUser } from '@shopware-pwa/composables'
 import SwLogin from '~/components/SwLogin'
 const SwRegister = () => import('../SwRegister')
-const SwResetPassword = () => import('../SwRegister')
+const SwResetPassword = () => import('../SwResetPassword')
 
 export default {
   name: 'SwLoginModal',
@@ -116,6 +116,7 @@ export default {
 }
 
 #sw-login-modal {
+  z-index: 2;
   box-sizing: border-box;
   @include for-desktop {
     max-width: 80vw;
@@ -159,4 +160,4 @@ export default {
 .salutation {
   width: 8vw;
 }
-</style>
+</style>

packages/default-theme/components/views/ProductView.vue

@@ -152,6 +152,10 @@ export default {
   }
 }
 
+.product-details {
+  z-index: 0;
+}
+
 .images-grid {
   &__row {
     display: flex;