Add fix for chat + jackpot logo

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

@@ -123,6 +123,16 @@
     text-align: center;
 }
 
+.title-jackpot {
+    color: #fff;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size:80px;
+    font-weight: 700;
+    text-transform: uppercase;
+    text-align: center;
+}
+
 .line__footer {
     display: flex;
     justify-content: center;
@@ -157,6 +167,11 @@
     margin:  1% 6.6% 1% 4.7%;
 }
 
+.line__img__jackpot {
+    display: flex;
+    margin:  1% 6.6% 1% 4.7%;
+}
+
 .display-firstline {
     display: flex;
 }
@@ -178,6 +193,23 @@
     left: 2%;
 }
 
+.line__btn__jackpot {
+    border-radius: 21px;
+    background: #FFF;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    color: #000;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 36px;
+    font-weight: 700;
+    padding: 11px 11px;
+    text-decoration: none;
+    text-transform: uppercase;
+    position: relative;
+    bottom: 4%;
+    left: 6%;
+}
+
 .line__btn--elm {
     color: #000;
     font-size: 38px;
@@ -377,10 +409,21 @@
     }
 }
 
-@media screen and (min-height: 910px) {
+@media screen and (min-height: 820px) {
   .chat {
     height: 87vh !important;
   }
 }
+  @media screen and (max-width: 1850px) {
+    .line__img__jackpot {
+      display: none !important;
+    }
+  }
 
+/* 
+@media screen and (min-height: 800) {
+    .chat {
+        height: 85vh !important;
+    }
+} */
 /* /Media */

luckydiamond/src/mocks/GameModes.js

@@ -6,7 +6,7 @@ export default [
     },
     {
         id: 2,
-        title: 'кейсы',
+        title: 'джекпот',
         players: 0
     },
     {

luckydiamond/src/pages/HomePage.vue

@@ -60,18 +60,18 @@
               >
                 <div :class="'linecontent-' + mode.id">
                   <div class="container">
-                    <h1 class="title-firstline">{{ mode.title }}</h1>
+                    <h1 class="title-jackpot">{{ mode.title }}</h1>
                     <!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
                     <a
                       href="#"
                       @click="$router.push({ name: 'jackpot' })"
-                      class="line__btn"
+                      class="line__btn__jackpot"
                       >play <span class="line__btn--elm">></span></a
                     >
                   </div>
                 </div>
-                <div class="line__img">
-                  <img src="@/assets/icons-gamemodes/case-icon.png" />
+                <div class="line__img__jackpot">
+                  <img src="@/assets/icons-gamemodes/jackpot_icon.svg" />
                 </div>
               </li>
             </ul>