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

changed template for firstline gamemode, homepage

Browse Source
This commit is contained in:
Kostya
2023-12-09 13:30:20 +03:00
parent 924ca9ae6b
commit fe59112da8
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
luckydiamond/src/assets/css/PagesStyles/home.css
View File

@@ -153,10 +153,13 @@
}
.line__img {
float: right;
display: flex;
margin: 1% 6.6% 1% 4.7%;
}
.display-firstline {
display: flex;
}
.line__btn {
border-radius: 21px;
@@ -282,11 +285,10 @@
top: -.4em;
}
.line__img {
margin: 1% -8% 0 2%;
margin: 1% -8% 0 30%;
}
.gamemode__firstline img {
width: 60%;
height: 60%;
}
.gamemode__firstline .title-firstline {
font-size: 3.2em;
@@ -330,10 +332,16 @@
.main__content h1 {
font-size: 4.5em;
}
.main {
width: 78% !important;
}
.gamemode__main {
height: auto;
width: 28.5%;
}
.gamemode__content--text div {
width: 78%;
}
.title-firstline {
font-size: 4.1em;
}
@@ -348,11 +356,10 @@
top: -.4em;
}
.line__img {
margin: 1% -5% 0 2%;
margin: 1% -8% 0 15%;
}
.gamemode__firstline img {
width: 60%;
height: 60%;
}
.gamemode__firstline .title-firstline {
font-size: 3.2em;

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

@@ -45,16 +45,17 @@
<li
v-for="mode in firstlineGameMode"
:key="mode.id"
class="display-firstline"
>
<div class="line__img">
<img src="@/assets/icons-gamemodes/case-icon.png">
</div>
<div :class="'linecontent-' + mode.id">
<div class="container">
<h1 class="title-firstline">{{ mode.title }}</h1>
<a href="#" class="line__btn">play <span class="line__btn--elm">></span></a>
</div>
</div>
<div class="line__img">
<img src="@/assets/icons-gamemodes/case-icon.png">
</div>
</li>
</ul>
</div>