From 806bd5cc17ddfc62dbaffc356747c75f42ec7683 Mon Sep 17 00:00:00 2001 From: kuroppoi <68156848+kuroppoi@users.noreply.github.com> Date: Sat, 1 Jul 2023 20:14:09 +0200 Subject: [PATCH] Use a different centering strategy --- src/main/resources/dashboard/login.html | 10 +- src/main/resources/dashboard/profile.html | 214 +++++++++--------- src/main/resources/dashboard/styles/login.css | 9 +- .../resources/dashboard/styles/profile.css | 12 +- 4 files changed, 125 insertions(+), 120 deletions(-) diff --git a/src/main/resources/dashboard/login.html b/src/main/resources/dashboard/login.html index 681b2fb..8bb063b 100644 --- a/src/main/resources/dashboard/login.html +++ b/src/main/resources/dashboard/login.html @@ -5,10 +5,12 @@
-
- - -
+
+
+ + +
+ diff --git a/src/main/resources/dashboard/profile.html b/src/main/resources/dashboard/profile.html index 03cac63..6c88be6 100644 --- a/src/main/resources/dashboard/profile.html +++ b/src/main/resources/dashboard/profile.html @@ -6,125 +6,127 @@ diff --git a/src/main/resources/dashboard/styles/login.css b/src/main/resources/dashboard/styles/login.css index 40afb37..af7b96e 100644 --- a/src/main/resources/dashboard/styles/login.css +++ b/src/main/resources/dashboard/styles/login.css @@ -30,9 +30,8 @@ button:active { } .root-container { - position: absolute; - left: 50%; - top: 25%; - transform: translate(-50%, 0%); - padding: 10px; + display: flex; + align-items: center; + justify-content: center; + height: 100%; } diff --git a/src/main/resources/dashboard/styles/profile.css b/src/main/resources/dashboard/styles/profile.css index 7895192..15c3fcf 100644 --- a/src/main/resources/dashboard/styles/profile.css +++ b/src/main/resources/dashboard/styles/profile.css @@ -40,11 +40,13 @@ a:link, a:visited { } .root-container { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - padding: 10px; + display: flex; + align-items: center; + justify-content: center; + height: 100%; +} + +.root-container div { max-width: 512px; }