From d3c937fe654f20881a5d70e078c0b45a31b31f2b Mon Sep 17 00:00:00 2001 From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com> Date: Sat, 23 Aug 2025 16:41:58 +0530 Subject: [PATCH 1/4] made it more resposnive for smaller phones --- src/lib/layout/unauthenticated.svelte | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte index e48f9e6e6..b22992633 100644 --- a/src/lib/layout/unauthenticated.svelte +++ b/src/lib/layout/unauthenticated.svelte @@ -360,12 +360,27 @@ } } + // mobiel logo positioned at boytom in mobile view .mobile-logo { position: absolute; bottom: 20px; left: 50%; - transform: translate(-50%, -50%); + transform: translateX(-50%); max-width: 100%; margin-block-start: 0 !important; } + + .container { + position: relative; + min-height: 100vh; + } + + .auth-container { + max-inline-size: 27.5rem; + + @media #{devices.$break1} { + margin-top: 32px; + margin-bottom: 80px; + } + } From fb79e67add56082573d5253dd9311e4fb6774a72 Mon Sep 17 00:00:00 2001 From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com> Date: Sat, 23 Aug 2025 16:45:23 +0530 Subject: [PATCH 2/4] spelling mistake --- src/lib/layout/unauthenticated.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte index b22992633..d0dacd47a 100644 --- a/src/lib/layout/unauthenticated.svelte +++ b/src/lib/layout/unauthenticated.svelte @@ -360,7 +360,7 @@ } } - // mobiel logo positioned at boytom in mobile view + // mobile logo positioned at bottom in mobile view .mobile-logo { position: absolute; bottom: 20px; From 2f05aace3d06a362c2f55eaa383e10e4eac29588 Mon Sep 17 00:00:00 2001 From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com> Date: Sat, 23 Aug 2025 17:37:13 +0530 Subject: [PATCH 3/4] used rem --- src/lib/layout/unauthenticated.svelte | 22 ++++++++++------------ 1 file changed, 10 insertions(+), 12 deletions(-) diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte index d0dacd47a..038f6c9a0 100644 --- a/src/lib/layout/unauthenticated.svelte +++ b/src/lib/layout/unauthenticated.svelte @@ -365,22 +365,20 @@ position: absolute; bottom: 20px; left: 50%; - transform: translateX(-50%); + transform: translate(-50%, -50%); max-width: 100%; margin-block-start: 0 !important; } - .container { - position: relative; - min-height: 100vh; - } - - .auth-container { - max-inline-size: 27.5rem; - - @media #{devices.$break1} { - margin-top: 32px; - margin-bottom: 80px; + @media #{devices.$break1} { + .auth-container { + margin-block-end: 5rem; + margin-block-start: 2rem; + } + + .container { + min-height: 100%; + position: relative; } } From 82ff14f8a144b31d095215e31ce84d7f428bae8e Mon Sep 17 00:00:00 2001 From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com> Date: Sat, 23 Aug 2025 17:41:29 +0530 Subject: [PATCH 4/4] lint error --- src/lib/layout/unauthenticated.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte index 038f6c9a0..b5fe495ea 100644 --- a/src/lib/layout/unauthenticated.svelte +++ b/src/lib/layout/unauthenticated.svelte @@ -375,7 +375,7 @@ margin-block-end: 5rem; margin-block-start: 2rem; } - + .container { min-height: 100%; position: relative;