From 9c1c72812a42f0f61c0cfd4e42ca7edc3cc54e21 Mon Sep 17 00:00:00 2001 From: Vitor Hideyoshi Nakazone Batista Date: Sat, 30 Dec 2023 01:24:08 -0300 Subject: [PATCH 1/4] Better Home Page Responsiveness --- src/app/home/home.component.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css index 0e44c53..d5b5f90 100644 --- a/src/app/home/home.component.css +++ b/src/app/home/home.component.css @@ -120,6 +120,7 @@ .stack-slider { height: 65%; + min-height: 425px; } @@ -138,3 +139,14 @@ height: 30%; } } + +@media only screen and (max-height: 750px) { + .stack-section { + height: fit-content; + } + + .stack-slider { + height: fit-content; + /*min-height: 425px;*/ + } +} From fcb90ad891bc423a0eb380e4c6e2932cbdaddc94 Mon Sep 17 00:00:00 2001 From: Vitor Hideyoshi Nakazone Batista Date: Sat, 30 Dec 2023 01:34:22 -0300 Subject: [PATCH 2/4] Fixes Address Bar Behavior --- src/app/home/home.component.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css index d5b5f90..48a9281 100644 --- a/src/app/home/home.component.css +++ b/src/app/home/home.component.css @@ -1,7 +1,7 @@ .me-section { background: rgb(46,46,46); background: linear-gradient(180deg, rgba(46,46,46,1) 35%, rgba(51,51,51,1) 100%); - height: 90vh; + height: 90dvh; } .intro { @@ -97,7 +97,7 @@ .stack-section { background: rgb(241,241,241); /*background: linear-gradient(0deg, rgba(241,241,241,1) 80%, rgba(51,51,51,1) 100%);*/ - height: 80vh; + height: 80dvh; } .stack { height: 35%; @@ -131,7 +131,7 @@ } .stack-section { - height: 90vh; + height: 90dvh; } .stack { padding-top: 60px; From 649cc51329106525a87d1d06535ecae47cf66d7c Mon Sep 17 00:00:00 2001 From: Vitor Hideyoshi Nakazone Batista Date: Sat, 30 Dec 2023 01:45:41 -0300 Subject: [PATCH 3/4] Better Stack Card Responsiveness --- src/app/home/stack-slider/stack-slider.component.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/home/stack-slider/stack-slider.component.ts b/src/app/home/stack-slider/stack-slider.component.ts index ef32c00..d830ff9 100644 --- a/src/app/home/stack-slider/stack-slider.component.ts +++ b/src/app/home/stack-slider/stack-slider.component.ts @@ -94,7 +94,7 @@ export class StackSliderComponent implements AfterViewInit { this.ngxGlide.showBullets = false; this.ngxGlide.type = 'carousel'; this.ngxGlide.focusAt = 'center'; - this.ngxGlide.gap = 10; + this.ngxGlide.gap = numberOfCards === 1 ? 0 : 10; this.ngxGlide.autoplay = 3000; this.ngxGlide.recreate(); From 6213e20d1729742c683fd835218e15a6750c93b7 Mon Sep 17 00:00:00 2001 From: Vitor Hideyoshi Nakazone Batista Date: Sat, 30 Dec 2023 05:49:16 -0300 Subject: [PATCH 4/4] Changes Home Page Width --- src/app/home/home.component.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css index 48a9281..69cee54 100644 --- a/src/app/home/home.component.css +++ b/src/app/home/home.component.css @@ -6,6 +6,7 @@ .intro { height: 60%; + width: 90% !important; display: flex; flex-direction: column; justify-content: center; @@ -101,6 +102,7 @@ } .stack { height: 35%; + width: 90% !important; display: flex; flex-direction: column; justify-content: center; @@ -135,7 +137,6 @@ } .stack { padding-top: 60px; - width: 80%; height: 30%; } }