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

refactor styles for main block in gamemode section

Browse Source
This commit is contained in:
Kostya
2023-11-21 20:49:54 +03:00
parent a8794f9b3d
commit 5806dedc22
2 changed files with 92 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
luckydiamond/src/pages/HomePage.vue
View File

@@ -27,12 +27,28 @@
v-for="mode in mainGameMode"
:key="mode.id"
>
<div :class="'line__content' + mode.id">
<div class="line__content" style="margin: 16px 38px 0px 0px" :id="'maincard-' + mode.id">
<h3>{{ mode.title }}</h3>
<div class="line__footer">
<img src="../assets/icons-gamemodes/bomb-icon.svg">
<div class="line__btn--main">
<a href="#">play <span>></span></a>
</div>
</div>
</div>
<div class="content">
<img :class="'icon' + mode.id" src="@/assets/icons-gamemodes/bomb-icon.svg">
<a href="#">play <span><img src="@/assets/icons-gamemodes/icon-right-array.svg"></span></a>
</li>
</ul>
</div>
<div class="gamemode__firstline">
<ul>
<li
v-for="mode in firstlineGameMode"
:key="mode.id"
>
.line__
<div :class="'linecontent-' + mode.id">
<h1>{{ mode.title }}</h1>
<a href="#" class="line__btn">play</a>
</div>
</li>
</ul>