feat: visul bug bottom section

ece01201 · Aliaksandr BUDZKO · 69ff20f8 · ece01201 · ece01201 · ece01201
Commit ece01201 authored Jul 20, 2021 by Aliaksandr BUDZKO
--- 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>

--- 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 />
    );

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

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