added vision from mocks in btns, saperpage

This commit is contained in:
Kostya
2023-12-03 09:09:50 +03:00
parent 9802ee3dbf
commit a987e9d64b
2 changed files with 8 additions and 4 deletions

View File

@@ -94,7 +94,7 @@ input[type="number"]::-webkit-outer-spin-button {
line-height: 31px;
font-family: Montserrat Alternates;
font-size: 12px;
padding: 4px 13px;
padding: 4px 23px;
}
.crystal-icon {
@@ -102,3 +102,7 @@ input[type="number"]::-webkit-outer-spin-button {
left: 25px;
top: 5px;
}
.crystals-btns__display {
display: flex;
}

View File

@@ -16,9 +16,9 @@
<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">
<input type="number">
<ul>
<li>
<button>123</button>
<ul class="crystals-btns__display">
<li v-for="(item, index) in SaperNumbers" :key="index">
<button v-if="item.crystals !== undefined">{{ item.crystals }}</button>
</li>
</ul>
</div>