From ece012010a9ffd3353869844dba8c6eb0e0c0df7 Mon Sep 17 00:00:00 2001
From: Aliaksandr BUDZKO <abudzko@takima.fr>
Date: Tue, 20 Jul 2021 15:06:47 +0200
Subject: [PATCH] feat: visul bug bottom section
---
public/index.html | 2 +-
src/App.js | 5 -----
.../BottomSection/BottomSection.module.scss | 14 ++++++++++----
.../sections/StatsSection/StatsSection.module.scss | 6 +++---
.../VscodeSection/VscodeSection.module.scss | 4 ++--
5 files changed, 16 insertions(+), 15 deletions(-)
diff --git a/public/index.html b/public/index.html
index aa069f2..d9ee694 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
- <title>React App</title>
+ <title>Deadlock</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/App.js b/src/App.js
index c9ab8c6..f4be26a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,11 +5,6 @@ import {useEffect} from "react";
const App = () => {
- // This effect runs once, after the first render
- useEffect(() => {
- document.title = "Deadlock"
- }, [])
-
return (
<MainPage />
);
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index ac6547d..5637227 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -72,7 +72,7 @@
.BottomBlock {
position: absolute;
- bottom: 10%;
+ bottom: 5%;
display: flex;
flex-direction: row;
align-items: center;
@@ -113,12 +113,12 @@
margin-bottom: 10%;
}
- Button {
+ a {
align-items: center;
margin-bottom: 5%;
font-family: $primary_font;
font-size: 1.1rem;
- width: 100%;
+ width: fit-content;
height: 30%;
}
@@ -127,7 +127,7 @@
color: white;
font-size: 1rem;
line-height: 1.6rem;
- margin-top: 5%;
+ margin-top: 2%;
}
}
}
@@ -480,3 +480,9 @@
}
}
+@media (max-width: 320px) {
+ .BottomSection {
+ min-height: 65vh;
+ }
+}
+
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index 79d3c0a..47ede09 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -170,14 +170,14 @@
}
}
-@media (max-width: 320px) {
+@media (max-width: 375px) {
.StatsSection {
min-height: 50vh;
.RightSide {
.NotesImage {
- width: 70vw;
- height: 15vh;
+ width: 90vw;
+ height: 20vh;
}
}
.LeftSide {
diff --git a/src/js/sections/VscodeSection/VscodeSection.module.scss b/src/js/sections/VscodeSection/VscodeSection.module.scss
index 74ab130..26bbb84 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -129,7 +129,7 @@
}
}
-@media (max-width: 320px) {
+@media (max-width: 375px) {
.VscodeSection {
min-height: 50vh;
background-position: 96% 0;
@@ -139,7 +139,7 @@
.VscodeImage {
margin-top: 2%;
width: 70vw;
- height: 20vh;
+ height: 30vh;
}
}
--
GitLab