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,11 +94,15 @@ input[type="number"]::-webkit-outer-spin-button {
line-height: 31px; line-height: 31px;
font-family: Montserrat Alternates; font-family: Montserrat Alternates;
font-size: 12px; font-size: 12px;
padding: 4px 13px; padding: 4px 23px;
} }
.crystal-icon { .crystal-icon {
position: relative; position: relative;
left: 25px; left: 25px;
top: 5px; top: 5px;
}
.crystals-btns__display {
display: flex;
} }

View File

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