diff --git a/src/App.scss b/src/App.scss index 4e9111b..a217a47 100644 --- a/src/App.scss +++ b/src/App.scss @@ -15,7 +15,7 @@ .App { background-image: url("./public/bg_tile.jpg"); background-size: contain; - background-repeat: round; + background-repeat: repeat; padding: 0; margin: 0; height: 100%; @@ -34,7 +34,7 @@ } .logo { - height: 5rem; + width: 20vw; margin: 16px; } diff --git a/src/components/Output/HomeScreen.js b/src/components/Output/HomeScreen.js index 31f3d4f..ec9e91c 100644 --- a/src/components/Output/HomeScreen.js +++ b/src/components/Output/HomeScreen.js @@ -8,7 +8,7 @@ import googleplay from "../../public/googleplay.png"; export default function HomeScreen() { return
-
Dowiedz się czym właściwie jest Menui
+
Dowiedz się czym jest Menui
@@ -19,7 +19,7 @@ export default function HomeScreen() {

-

Pobierz na telefon

+

Pobierz Menui na telefon

Get Menui from App Store Get Menui from Google Play diff --git a/src/styles/Home.scss b/src/styles/Home.scss index b381a44..3b7a29d 100644 --- a/src/styles/Home.scss +++ b/src/styles/Home.scss @@ -1,5 +1,5 @@ .hs { - height: 100%; + height: 90%; display: flex; flex-flow: column; justify-content: space-around; @@ -46,3 +46,21 @@ .hs-bottom-icon:hover { opacity: 1; } + +@media (max-height: 600px) { + .hs-top { + display: none; + } + .hs-center { + display: none; + } +} + +@media (max-width: 768px) { + .hs-top { + display: none; + } + .hs-center { + display: none; + } +} diff --git a/src/styles/TopBar.scss b/src/styles/TopBar.scss index a92e53d..2c19f5c 100644 --- a/src/styles/TopBar.scss +++ b/src/styles/TopBar.scss @@ -6,12 +6,13 @@ justify-content: space-between; background-color: $main-color; position: fixed; - z-index: 1; + z-index: 3; } .topBarLogo { height: 2.4rem; - margin: 16px; + margin: 12px; + margin-left: 16px; cursor: pointer; &:hover { opacity: 0.5; @@ -67,3 +68,15 @@ display: flex; justify-content: center; } + +@media (max-width: 768px) { + .topBar-hamburger { + display: none; + } +} + +@media (max-height: 600px) { + .topBar-hamburger { + display: none; + } +}