yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2026-02-04 18:24:14 +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 { .line__img {
float: right; display: flex;
margin: 1% 6.6% 1% 4.7%; margin: 1% 6.6% 1% 4.7%;
} }
.display-firstline {
display: flex;
}
.line__btn { .line__btn {
border-radius: 21px; border-radius: 21px;
@@ -282,11 +285,10 @@
top: -.4em; top: -.4em;
} }
.line__img { .line__img {
margin: 1% -8% 0 2%; margin: 1% -8% 0 30%;
} }
.gamemode__firstline img { .gamemode__firstline img {
width: 60%; width: 60%;
height: 60%;
} }
.gamemode__firstline .title-firstline { .gamemode__firstline .title-firstline {
font-size: 3.2em; font-size: 3.2em;
@@ -330,10 +332,16 @@
.main__content h1 { .main__content h1 {
font-size: 4.5em; font-size: 4.5em;
} }
.main {
width: 78% !important;
}
.gamemode__main { .gamemode__main {
height: auto; height: auto;
width: 28.5%; width: 28.5%;
} }
.gamemode__content--text div {
width: 78%;
}
.title-firstline { .title-firstline {
font-size: 4.1em; font-size: 4.1em;
} }
@@ -348,11 +356,10 @@
top: -.4em; top: -.4em;
} }
.line__img { .line__img {
margin: 1% -5% 0 2%; margin: 1% -8% 0 15%;
} }
.gamemode__firstline img { .gamemode__firstline img {
width: 60%; width: 60%;
height: 60%;
} }
.gamemode__firstline .title-firstline { .gamemode__firstline .title-firstline {
font-size: 3.2em; font-size: 3.2em;

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

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