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

added bg for gamemode cards and added margin for card in home page

Browse Source
This commit is contained in:
Kostya
2023-11-15 21:43:22 +03:00
parent 4b6b255cf4
commit 1e29a68988
6 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
luckydiamond/src/assets/bg-gamemode/bg-cg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

BIN
luckydiamond/src/assets/bg-gamemode/bg-dg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
luckydiamond/src/assets/bg-gamemode/bg-jg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
luckydiamond/src/assets/bg-gamemode/bg-main.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
luckydiamond/src/assets/bg-gamemode/bg-mg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

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

@@ -27,7 +27,7 @@
</div>
<div class="gamemode__content--card">
<div class="gamemode__main">
<div class="line__content">
<div class="line__content" style="margin: 16px 38px 0px 0px">
<ul>
<li
v-for="mode in mainGameMode"
@@ -44,7 +44,7 @@
v-for="mode in firstlineGameMode"
:key="mode.id"
>
<div class="line__content">
<div class="line__content" style="margin: 16px 38px 20px 0px">
{{ mode.title }}
</div>
</li>
@@ -56,7 +56,7 @@
v-for="mode in TwolineGameMode"
:key="mode.id"
>
<div class="line__content">
<div class="line__content" style="margin: 16px 38px 20px 0px">
{{ mode.title }}
</div>
</li>
@@ -179,11 +179,13 @@ export default {
bottom: 83%;
}
.gamemode {
margin: 0px 0px 0px 200px;
.gamemode__content--text {
display: flex;
margin: 2% 0 0 14.5%;
}
.gamemode__content--card {
display: flex;
justify-content: center;
}
.gamemode__main .line__content {
width: 400px;