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

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;
+ }
+}