Merge pull request #21 from dashalalala24/dev

fix: add some adaptivity
dashalalala24 · Jul 30, 2023 · b8bf793 · b8bf793
2 parents b1ca3b8 + 9014924
commit b8bf793
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -13,7 +13,7 @@
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root" style="display: flex; justify-content: center;"></div>
+  <div id="root"></div>
 </body>
 
 </html>
diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
@@ -1,11 +1,13 @@
 .header {
   display: flex;
   justify-content: space-between;
-  padding: 26.5px 58px;
+  padding: 2.58vh 4.03vw;
 }
 
 .header__logo {
   box-sizing: border-box;
+  width: 7.92vw;
+  height: 3.5vh;
 }
 
 .header__container {

diff --git a/src/components/Main/ChatContainer/ChatContainer.css b/src/components/Main/ChatContainer/ChatContainer.css
@@ -1,7 +1,7 @@
 .chat-сontainer {
   flex: 7.25;
   background-color: #f5f5f5;
-  padding: 40px 58px;
+  padding: 3.99vh 4.03vw;
   max-height: 83.4vh;
   font-family: "Lato";
   font-weight: 400;

diff --git a/src/components/Main/Main.css b/src/components/Main/Main.css
@@ -1,5 +1,5 @@
 .main {
   display: flex;
   border-top: 1px solid rgba(42, 42, 42, 0.25);
-  height: calc(100vh - 92px);
+  height: calc(100vh - 8.66vh);
 }