From 22f4febdeac41c278f605dd596fef8366c9a33f3 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Wed, 15 Nov 2023 21:27:31 +0300
Subject: [PATCH] added temporary styles for section gamemode

---
 luckydiamond/src/pages/HomePage.vue | 57 ++++++++++++++++++++---------
 1 file changed, 40 insertions(+), 17 deletions(-)

diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 1a114c0..4cffb18 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -24,14 +24,16 @@
     <section class="gamemode">
       <div class="gamemode__content">
         <div class="gamemode__main">
-          <ul>
-            <li
-                v-for="mode in mainGameMode"
-                :key="mode.id"
-            >
-              {{ mode.title }}
-            </li>
-          </ul>
+          <div class="line__content">
+            <ul>
+              <li
+                  v-for="mode in mainGameMode"
+                  :key="mode.id"
+              >
+                {{ mode.title }}
+              </li>
+            </ul>
+          </div>
         </div>
         <div class="gamemode__line--first">
           <ul>
@@ -39,19 +41,23 @@
                 v-for="mode in firstlineGameMode"
                 :key="mode.id"
             >
-              {{ mode.title }}
+              <div class="line__content--linefirst">
+                {{ mode.title }}
+              </div>
             </li>
           </ul>
         </div>
         <div class="gamemode__line--two">
-          <ul>
-            <li
-                v-for="mode in TwolineGameMode"
-                :key="mode.id"
-            >
-              {{ mode.title }}
-            </li>
-          </ul>
+          <div class="line__content">
+            <ul>
+              <li
+                  v-for="mode in TwolineGameMode"
+                  :key="mode.id"
+              >
+                {{ mode.title }}
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
     </section>
@@ -169,4 +175,21 @@ export default {
   left: 35%;
   bottom: 83%;
 }
+
+.gamemode {
+  margin: 0px 0px 0px 200px;
+}
+.gamemode__main .line__content {
+  width: 400px;
+  height: 438px;
+  background: #fff;
+}
+.gamemode__content {
+  display: flex;
+}
+.gamemode__line--first .line__content--linefirst {
+  width: 400px;
+  height: 212px;
+  background: #d5d5d5;
+}
 </style>
\ No newline at end of file