diff --git a/src/app/home/stack-slider/stack-slider.component.html b/src/app/home/stack-slider/stack-slider.component.html index 98a4163..9967157 100644 --- a/src/app/home/stack-slider/stack-slider.component.html +++ b/src/app/home/stack-slider/stack-slider.component.html @@ -1,9 +1,5 @@ - - - - - - - - + + + + diff --git a/src/app/shared/components/popup/popup.component.css b/src/app/shared/components/popup/popup.component.css index 14fa8fa..8d3867c 100644 --- a/src/app/shared/components/popup/popup.component.css +++ b/src/app/shared/components/popup/popup.component.css @@ -7,14 +7,9 @@ .popup-background { background-color: rgba(0, 0, 0, 0.5); - justify-content: center; - align-content: center; - align-items: center; - overflow-y: hidden; - position: fixed; - display: flex; - height: 100vh; - width: 100vw; + position: absolute; + width: 100%; + height: 100%; left: 0; top: 0; } @@ -25,10 +20,15 @@ border: 1px solid #dddd; border-radius: 18px; height: fit-content; - position: relative; max-width: 400px; overflow: auto; width: 90%; + + position: fixed; + top: 50%; + left: 50%; + + transform: translate(-50%, -50%); } .popup-header { diff --git a/src/app/shared/components/popup/popup.component.ts b/src/app/shared/components/popup/popup.component.ts index b7fee51..93d3539 100644 --- a/src/app/shared/components/popup/popup.component.ts +++ b/src/app/shared/components/popup/popup.component.ts @@ -27,12 +27,14 @@ import { 'hide', style({ opacity: '0', + zIndex: 2 }), ), state( 'show', style({ opacity: '1', + zIndex: 2 }), ), transition(