From 44b6a1e828a7932284ed1f72913a9b4a3f535176 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Tue, 5 Dec 2023 19:30:29 +0300
Subject: [PATCH] added circles in saper-game block in saperpage

---
 .../css/PagesStyles/games-pages/saper.css     |  28 ++++++++++++++++++
 .../assets/icons-games/saper-game/circles.png | Bin 0 -> 847 bytes
 .../src/pages/games-pages/SapergamePage.vue   |   6 ++++
 3 files changed, 34 insertions(+)
 create mode 100644 luckydiamond/src/assets/icons-games/saper-game/circles.png

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index c6f65ae..1201b94 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -322,4 +322,32 @@ input[type="number"]::-webkit-outer-spin-button {
     margin: 13.5% 0 0 10.5%;
 }
 
+.circles__content {
+    user-select: none;
+    display: flex;
+    justify-content: center;
+    position: relative;
+    left: 7px;
+}
+
+.circles {
+    position: absolute;
+}
+
+.circles-1 {
+    top: 125px;
+}
+
+.circles-2 {
+    top: 235px;
+}
+
+.circles-3 {
+    top: 345px;
+}
+
+.circles-4 {
+    top: 455px;
+}
+
 /* /Saper Game */
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-games/saper-game/circles.png b/luckydiamond/src/assets/icons-games/saper-game/circles.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c0eda02db05b207738665e340b72be0c576e281
GIT binary patch
literal 847
zcmV-V1F-ywP)<h;3K|Lk000e1NJLTq00Bt=000XJ1^@s6@@;>600009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0^~_VK~#7F?b<O<
zQ&AKL@c+55D(FDfFn~)JlZKd35fV1)<_2tT6otf1`~<)!uxv(Zq@Mto2wRyXQn4)Z
zj7ukU5Ca4x!h7#{Z%YjVrFS8>!}$%o_wp_s`p-S@-1|y6CD}WcCZcWzQeZA47R&pq
zZ^{r&#pI+910YHeP-4$pl$@GRbv~&<bIybklv<ITnoA-*5pUVs8zL{(ZLUpD{>QiZ
z(_^T1($)7o%b=I%K82CpEaqN8IA;QFJ=mYur|Glzm@(}ab5jt`CHr3_C=A}?Y)(Yw
zDB_u~#atG`xvswPlrD<%dh#UxyP<Om7{lMzW=rPMs}8PHAS?fX{`StE_|L8NWeBG_
z+8-?8f&ys}A$_;AXLoyReHFqP^B}u+^ydT2YV5qY&gsdWj)xoD-#_~h&X@<8ZY`G1
z709Z%0-oN!_h|Xo*7^@+2G=c+HH3+iC7y63**Bg+odQ{-2$P9aCJy0D>*0Q;&cyr2
z^VDkyr&JhDHpnUNF;{X@2!at<&`-cY2xo}c=KGJgc%J0s5JhM_pY-Isua|ld4)IW<
z5oUE}nhs?)|6xIQo6@1U#IXDRE%OvtgTYog>3yy?2q#jy@adP+Rynoayw#@6+fkdr
zmABo(8U2td+l*7Td5SARpdE;&Rw~Wy=(=Z>)8X%fUB%2BHiLDCQh;zq2en``E(!v>
zJjK-@SmeZIe{FUJ!Wp(`CYVtu>w>EMVy>XC8~r39E1|merI=gPhr(rJbf{B)X|4?6
z%=M#S#uUNJ#&Cow2&ecs7;V^12EnK~DD!7?t@1m_3kxNI=T7bm$8H=4!>CgzD+RKc
zn}%@8Eamt(e0))%B<7t6G~s`Gmxpkw+DuU0ob>iqy4G;e>6^(^CV^ON#BBcS4QRb?
zrv>RCn@_TDd_d<jr1ObW7?n5*7o~%2K3%<IgQ0#yTFdD$3iD?92GLZKJ<l@isqT6?
Z{RO1WC)dhG=`R2P002ovPDHLkV1g>Lj}`y`

literal 0
HcmV?d00001

diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue
index e5e11bf..8c0c5b6 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -55,6 +55,12 @@
       <div class="saper-game">
         <div class="saper-game__content">
           <div class="game">
+            <div class="circles__content">
+              <img src="@/assets/icons-games/saper-game/circles.png" class="circles circles-1">
+              <img src="@/assets/icons-games/saper-game/circles.png" class="circles circles-2">
+              <img src="@/assets/icons-games/saper-game/circles.png" class="circles circles-3">
+              <img src="@/assets/icons-games/saper-game/circles.png" class="circles circles-4">
+            </div>
             <div class="game-firstline">
               <ul class="display-lines margin-lines">
                 <li class="firstline" v-for="index in 5" :key="index">