Merge remote-tracking branch 'origin/DevelopCkutls'

luckydiamond/src/assets/css/ComponentsStyles/chat.css

@@ -1,5 +1,5 @@
 .chat {
-    margin: 1% 1.2% 0 0;
+    margin: 1% 3.2% 0 0;
 }
 
 .chat__content {
@@ -81,7 +81,7 @@
 }
 
 .write__content input {
-    padding: 14px 35% 14px 12px;
+    padding: 14px 25% 14px 12px;
     border-radius: 13px;
     background: #22252F;
     color: #A9A99D;

luckydiamond/src/assets/css/ComponentsStyles/header.css

@@ -131,9 +131,9 @@
     display: flex;
     align-items: center;
     border-radius: 13px;
-    background: #5865F2;
+    background: #5865f2;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
-    color: #000;
+    color: #fff;
     font-size: 16px;
     font-weight: 600;
     font-family: Montserrat;
@@ -143,5 +143,5 @@
 }
 
 .auth__card--content a span img {
-    margin-right: 5px;
+    margin: 8% 5px 0 0;
 }

luckydiamond/src/assets/css/PagesStyles/home.css

@@ -69,7 +69,7 @@
 /* GameMode */
 
 .gamemode__content--text h2 {
-    margin: 2% 0 .5% 10%;
+    margin: 2% 0 .5% 8%;
     text-transform: uppercase;
     color: #FFF;
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
@@ -79,8 +79,8 @@
 }
 
 .gamemode__content--text div {
-    width: 80%;
+    width: 82%;
-    margin: 0 auto;
+    margin-left: 8%;
     border: 1px solid #fff;
 }
 
@@ -127,11 +127,18 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding-top: 12%;
+    padding-top: 10.6%;
+}
+
+.line__content .line__btn--main .line__btn {
+    top: 2.5em;
+    left: -2em;
+    width: 100%;
 }
 
 .line__footer img {
     width: 60%;
+    margin-bottom: 23px;
 }
 
 .gamemode__lines {
@@ -207,6 +214,7 @@
     font-size: 87px;
     font-weight: 700;
     text-transform: uppercase;
+    padding: 4.5% 2.2%;
 }
 
 .gamemode__twoline--first__element .container {
@@ -218,6 +226,7 @@
 .gamemode__twoline--first__element .container a {
     margin-right: 10%;
     padding: 12px 10px;
+    margin-bottom: 3%;
 }
 
 .gamemode__twoline--two__element {

luckydiamond/src/assets/css/global.css

@@ -24,7 +24,7 @@ body, html {
 
 .content-grid {
     display: grid;
-    grid-template-columns: .35fr repeat(5, 1fr) 1.2fr;
+    grid-template-columns: .35fr repeat(5, 1fr) 1fr;
     grid-template-rows: auto 0fr repeat(4, 1fr);
     grid-auto-columns: 1fr;
     grid-auto-flow: row;
@@ -84,9 +84,9 @@ body, html {
 
 .main {
     grid-area: main;
-    width: 80%;
+    width: 82%;
     height: 90%;
-    margin: 2.7% auto 0;
+    margin: 2.7% auto 0 8%;
 }
 
 /* /Main */

luckydiamond/src/assets/icons-header/discord-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="#fff" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>

luckydiamond/src/components/HeaderComponent.vue

@@ -57,7 +57,7 @@ export default {
         </div>
         <div v-else class="header__card--auth">
           <div class="auth__card--content">
-            <a href="#" @click="auth = true"><span><img width="30" height="30" src="../assets/icons-header/discord-icon.png"></span>Вход</a>
+            <a href="#" @click="auth = true"><span><img width="30" height="30" src="../assets/icons-header/discord-icon.svg"></span>Вход</a>
           </div>
         </div>
       </div>