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 0000000..5c0eda0 Binary files /dev/null and b/luckydiamond/src/assets/icons-games/saper-game/circles.png differ 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 @@
+
+ + + + +