Improve myep styles

2021-11-23 12:33:51 +01:00
parent b3195bea89
commit 220315b189
7 changed files with 14 additions and 10 deletions
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main" v-show="!loading">
+    <div>
 	    <p class="text-2xl">Adressdaten</p>
        <form @submit.prevent="save()">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
@@ -25,11 +25,15 @@
                {{ alert.message }}
            </div>
        </div>
-        <div class="flex items-center space-x-2 h-8 mb-2" v-show="loading">
-          <img :src="config.loaderUrl" alt="" class="block w-4 h-4">
-          <span v-text="statusMessage"></span>
+        <div class="relative">
+            <router-view></router-view>
+            <div class="absolute top-0 left-0 inset-0 bg-overlay-white" v-show="loading">
+                <div class="absolute top-1/2 left-1/2 transform -translate-xy-1/2 flex items-center space-x-2 h-8">
+                    <img :src="config.loaderUrl" alt="" class="block w-4 h-4">
+                    <span v-text="statusMessage"></span>
+                </div>
+            </div>
        </div>
-        <router-view></router-view>
    </div>
 </template>

@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main" v-show="!loading">
+    <div>
        <h1 class="mb-4">
            Mein Profil
        </h1>
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main" v-show="!loading">
+    <div>
        <h1 class="mb-4">
            Meine Buchungen
        </h1>
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main" v-show="!loading">
+    <div>
 	    <h1 class="mb-4">
            Newsletter
        </h1>
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main">
+    <div>
        <h1 class="mb-4">
            Registrierung MyE&amp;P
        </h1>
@@ -1,5 +1,5 @@
 <template>
-    <div class="form-wrapper form--border" id="myep-main" v-show="!loading">
+    <div>
        <h1>Teamer</h1>
        <form @submit.prevent="save()">
            <div class="row">