From 8c312293cbd95a01f506f4101ead4ea2dafc823d Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Wed, 15 Nov 2023 22:24:06 +0300
Subject: [PATCH] added style for main card, gamemode section

---
 .../assets/icons-gamemode/players-icon.png    | Bin 0 -> 1939 bytes
 luckydiamond/src/pages/HomePage.vue           |  40 ++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 luckydiamond/src/assets/icons-gamemode/players-icon.png

diff --git a/luckydiamond/src/assets/icons-gamemode/players-icon.png b/luckydiamond/src/assets/icons-gamemode/players-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e8f2ec0fc817f068e54e6f399fa1a0ecf893e68
GIT binary patch
literal 1939
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
Z`4@$x1;?bB`*;8V002ovPDHLkV1lw5l?VU;

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 9191b0e..c43740c 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -35,6 +35,12 @@
                 <div class="line__content" style="margin: 16px 38px 0px 0px" :id="'maincard-' + mode.id">
                   <h1>{{ mode.title }}</h1>
                   <img src="../assets/icons-gamemode/diamond-icon-main.png">
+                  <div class="line__players--main">
+                    <h4><span><img src="../assets/icons-gamemode/players-icon.png"></span>{{ mode.players }} player</h4>
+                  </div>
+                  <div class="line__btn--main">
+                    <a href="#">play ></a>
+                  </div>
                 </div>
               </li>
             </ul>
@@ -226,6 +232,9 @@ export default {
   text-align: center;
   padding-top: 5px;
 }
+.gamemode__main .line__content img {
+  user-select: none;
+}
 .gamemode__main .line__content h1 {
   text-shadow: 6px 12px 9px rgba(0, 0, 0, 0.25);
   font-family: 'Press Start 2P';
@@ -233,4 +242,35 @@ export default {
   color: #FFB400;
   text-transform: uppercase;
 }
+.gamemode__main .line__players--main {
+  position: relative;
+}
+.gamemode__main .line__players--main h4 {
+  margin-top: -50px;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  font-family: Montserrat;
+  color: #FFB400;
+  font-weight: 700;
+  font-size: 20px;
+  text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.25);
+}
+.gamemode__main .line__btn--main {
+  padding: 20px 0px 20px 0px;
+}
+.gamemode__main .line__btn--main a {
+  font-size: 36px;
+  color: #000;
+  font-family: Montserrat;
+  font-weight: 700;
+  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  padding: 21px 21px;
+  border-radius: 21px;
+  background: #FFB400;
+  box-shadow: 0px 4px 40px 1px #FFB400;
+  text-transform: uppercase;
+  text-decoration: none;
+  cursor: pointer;
+}
 </style>
\ No newline at end of file