From 94717e053c2725309c1a9de6d34716c8e113d8d1 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sat, 3 Aug 2024 01:57:28 +0200
Subject: [PATCH] auth layout outsourced

---
 .../app/components/auth/auth.component.scss   | 16 +--------
 .../auth/login/login.component.scss           | 30 +---------------
 .../auth/register/register.component.scss     | 33 +-----------------
 frontend/src/assets/style/auth-layout.scss    | 34 +++++++++++++++++++
 4 files changed, 37 insertions(+), 76 deletions(-)
 create mode 100644 frontend/src/assets/style/auth-layout.scss

diff --git a/frontend/src/app/components/auth/auth.component.scss b/frontend/src/app/components/auth/auth.component.scss
index 87817b1..e097ad9 100644
--- a/frontend/src/app/components/auth/auth.component.scss
+++ b/frontend/src/app/components/auth/auth.component.scss
@@ -1,24 +1,10 @@
 @import "./../../../assets/style/colors.scss";
 @import "./../../../assets/style/form.scss";
+@import "./../../../assets/style/auth-layout.scss";
 
 section {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100vw;
-  height: 100vh;
-  text-align: center;
   background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url(./../../../assets/img/backgrounds/home.png);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
 }
 
 .headline {
diff --git a/frontend/src/app/components/auth/login/login.component.scss b/frontend/src/app/components/auth/login/login.component.scss
index 5cdaf20..5e79de2 100644
--- a/frontend/src/app/components/auth/login/login.component.scss
+++ b/frontend/src/app/components/auth/login/login.component.scss
@@ -1,42 +1,14 @@
 @import "./../../../../assets/style/colors.scss";
 @import "./../../../../assets/style/form.scss";
+@import "./../../../../assets/style/auth-layout.scss";
 
 section {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100vw;
-  height: 100vh;
-  text-align: center;
   background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url(./../../../../assets/img/backgrounds/login.png);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
 }
 
 .content {
-  width: 520px;
-  height: 492px;
-  padding: 43px 56px;
-  border-radius: 48px;
-  background-color: $white;
   position: relative;
-  .headline {
-    font-size: 48px;
-    font-weight: 700;
-    color: $blue;
-    margin-bottom: 24px;
-  }
-  app-btn-large {
-    margin-top: 36px;
-  }
 }
 
 .checkbox {
diff --git a/frontend/src/app/components/auth/register/register.component.scss b/frontend/src/app/components/auth/register/register.component.scss
index 7d7d1ab..1153b04 100644
--- a/frontend/src/app/components/auth/register/register.component.scss
+++ b/frontend/src/app/components/auth/register/register.component.scss
@@ -1,41 +1,10 @@
 @import "./../../../../assets/style/colors.scss";
 @import "./../../../../assets/style/form.scss";
+@import "./../../../../assets/style/auth-layout.scss";
 
 section {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100vw;
-  height: 100vh;
-  text-align: center;
   background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
     url(./../../../../assets/img/backgrounds/register.png);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-
-.content {
-  width: 520px;
-  height: 492px;
-  padding: 43px 56px;
-  border-radius: 48px;
-  background-color: $white;
-  .headline {
-    font-size: 48px;
-    font-weight: 700;
-    color: $blue;
-    margin-bottom: 24px;
-  }
-  app-btn-large {
-    margin-top: 36px;
-  }
 }
 
 .reg-success {
diff --git a/frontend/src/assets/style/auth-layout.scss b/frontend/src/assets/style/auth-layout.scss
new file mode 100644
index 0000000..7268996
--- /dev/null
+++ b/frontend/src/assets/style/auth-layout.scss
@@ -0,0 +1,34 @@
+section {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100vw;
+  height: 100vh;
+  text-align: center;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.content {
+  width: 520px;
+  height: 492px;
+  padding: 43px 56px;
+  border-radius: 48px;
+  background-color: $white;
+  .headline {
+    font-size: 48px;
+    font-weight: 700;
+    color: $blue;
+    margin-bottom: 24px;
+  }
+  app-btn-large {
+    margin-top: 36px;
+  }
+}