diff --git a/src/screens/Gallery.module.css b/src/screens/Gallery.module.css index 6a62e93..2eb3ad6 100644 --- a/src/screens/Gallery.module.css +++ b/src/screens/Gallery.module.css @@ -131,7 +131,7 @@ border: none; border-radius: 50%; z-index: 2; - display: flex; + display: none; align-items: center; justify-content: center; font-size: 18px; @@ -140,6 +140,7 @@ box-shadow: 0 1px 4px rgba(0,0,0,0.12); outline: none; padding: 0; + pointer-events: none; } .editButton:active { background: rgba(0,0,0,0.8); diff --git a/src/screens/onboarding/OnboardingHowTo.module.css b/src/screens/onboarding/OnboardingHowTo.module.css index 442f9f9..43f97f6 100644 --- a/src/screens/onboarding/OnboardingHowTo.module.css +++ b/src/screens/onboarding/OnboardingHowTo.module.css @@ -234,3 +234,50 @@ text-decoration: underline; cursor: pointer; } + +@media (max-height: 600px) { + .imageBlock { + margin-top: 0; + } + .image { + margin-top: -15vh; + } + .list { + margin-bottom: 12px; + } + .progress { + margin: 12px 0; + } + .checkboxRow { + margin-bottom: 4px; + } +} + +@media (max-height: 568px) { + .image { + margin-top: -20vh; + } + .title { + font-size: 22px; + margin-bottom: 8px; + } + .list { + font-size: 15px; + margin-bottom: 8px; + } + .progress { + margin: 8px 0; + } +} + +@media (max-height: 520px) { + .image { + margin-top: -25vh; + } +} + +@media (max-height: 480px) { + .image { + margin-top: -30vh; + } +} diff --git a/src/screens/onboarding/OnboardingWelcome.module.css b/src/screens/onboarding/OnboardingWelcome.module.css index 3cb1924..43bd05f 100644 --- a/src/screens/onboarding/OnboardingWelcome.module.css +++ b/src/screens/onboarding/OnboardingWelcome.module.css @@ -201,3 +201,27 @@ margin-top: 8px; } } + +@media (max-height: 600px) { + .image { + margin-top: -20vh; + } + .textContent { + padding-bottom: 8px; + } + .bottomContent { + margin-top: 8px; + } +} + +@media (max-height: 520px) { + .image { + margin-top: -35vh; + } +} + +@media (max-height: 480px) { + .image { + margin-top: -45vh; + } +}