yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

added circles in saper-game block in saperpage

Browse Source
This commit is contained in:
Kostya
2023-12-05 19:30:29 +03:00
parent f6c1feb9ea
commit 44b6a1e828
3 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
View File

@@ -322,4 +322,32 @@ input[type="number"]::-webkit-outer-spin-button {
margin: 13.5% 0 0 10.5%; 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 */ /* /Saper Game */

BIN
luckydiamond/src/assets/icons-games/saper-game/circles.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 847 B

6
luckydiamond/src/pages/games-pages/SapergamePage.vue
View File

@@ -55,6 +55,12 @@
<div class="saper-game"> <div class="saper-game">
<div class="saper-game__content"> <div class="saper-game__content">
<div class="game"> <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"> <div class="game-firstline">
<ul class="display-lines margin-lines"> <ul class="display-lines margin-lines">
<li class="firstline" v-for="index in 5" :key="index"> <li class="firstline" v-for="index in 5" :key="index">