From 220315b189f136c9e11312f56d0ea6e8eca7f59b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 23 Nov 2021 12:33:51 +0100
Subject: [PATCH] Improve myep styles

---
 .../Resources/Private/Assets/js/myep/Address.vue     |  2 +-
 .../Resources/Private/Assets/js/myep/App.vue         | 12 ++++++++----
 .../Resources/Private/Assets/js/myep/CrmData.vue     |  2 +-
 .../Resources/Private/Assets/js/myep/Events.vue      |  2 +-
 .../Resources/Private/Assets/js/myep/Newsletter.vue  |  2 +-
 .../Private/Assets/js/myep/Registration.vue          |  2 +-
 .../Resources/Private/Assets/js/myep/Teamer.vue      |  2 +-
 7 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
index 5f29adda..3dd5f280 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Address.vue
@@ -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">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
index 573b30f8..0573d47e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/App.vue
@@ -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>
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
index 6537cd8e..4b0baa2d 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/CrmData.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main" v-show="!loading">
+    <div>
         <h1 class="mb-4">
             Mein Profil
         </h1>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
index 903b4911..270f58cb 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main" v-show="!loading">
+    <div>
         <h1 class="mb-4">
             Meine Buchungen
         </h1>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue
index 46f103ba..863eb1ea 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Newsletter.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main" v-show="!loading">
+    <div>
 	    <h1 class="mb-4">
             Newsletter
         </h1>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
index fafbd2cf..0314e847 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Registration.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="myep-main">
+    <div>
         <h1 class="mb-4">
             Registrierung MyE&amp;P
         </h1>
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue
index 0d6fb950..1cdfecd3 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Teamer.vue
@@ -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">