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 styles for btns in saper-start window, saperpage

Browse Source
This commit is contained in:
Kostya
2023-12-03 09:06:20 +03:00
parent e33156e70f
commit 9802ee3dbf
2 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -70,6 +70,11 @@ input[type="number"]::-webkit-outer-spin-button {
background: #22252F; background: #22252F;
} }
.crystals__choises {
display: flex;
align-items: center;
}
.crystals .crystals__choises input:focus { .crystals .crystals__choises input:focus {
outline: none; outline: none;
} }
@@ -78,10 +83,22 @@ input[type="number"]::-webkit-outer-spin-button {
margin-left: -22px; margin-left: -22px;
} }
.crystals-btns__choices button {
margin-left: 5px;
border-radius: 10px;
background: #252C47;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border: none;
color: #FFF;
font-weight: 700;
line-height: 31px;
font-family: Montserrat Alternates;
font-size: 12px;
padding: 4px 13px;
}
.crystal-icon { .crystal-icon {
position: relative; position: relative;
left: 25px; left: 25px;
top: 11px; top: 5px;
} }

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

@@ -13,9 +13,14 @@
<p>Находи изумруды на поле и избегай кристалы</p> <p>Находи изумруды на поле и избегай кристалы</p>
<div class="saper-start__choises crystals"> <div class="saper-start__choises crystals">
<h3>Количество кристалов</h3> <h3>Количество кристалов</h3>
<div class="crystals__choises crystals-input__margin"> <div class="crystals__choises crystals-input__margin crystals-btns__choices">
<img class="crystal-icon" width="25" height="25" src="@/assets/icons-games/saper-game/icon-crystall-saper.svg"> <img class="crystal-icon" width="25" height="25" src="@/assets/icons-games/saper-game/icon-crystall-saper.svg">
<input type="number"> <input type="number">
<ul>
<li>
<button>123</button>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>