CSGOWTF/csgowtf
3
2
Fork 1
Code Issues 18 Pull Requests Projects Releases 7 Wiki Activity

changed mobile view for Home
All checks were successful
CSGOWTF/csgowtf/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
vikingowl
2021-10-23 01:43:43 +02:00
parent 02ffaceb35
commit 3e79219a16
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/Home.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="main-content content text-center"> <div class="main-content content text-center">
<div class="head pt-5 pb-5"> <div class="head pt-4 pb-4">
<h1 class="text-warning fw-bold mt-lg-5">CSGO<span class="text-up text-white">WTF</span></h1> <h1 class="text-warning fw-bold mt-lg-5">CSGO<span class="text-up text-white">WTF</span></h1>
<h3 class="mb-lg-5">Open source CSGO data platform</h3> <h3 class="mb-lg-5">Open source CSGO data platform</h3>
</div> </div>
@@ -171,6 +171,15 @@ export default {
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.head {
h1 {
font-size: 4rem;
}
h3 {
font-size: 2rem;
padding: 0 2rem;
}
}
.recent-search { .recent-search {
.player-card { .player-card {
height: 60px; height: 60px;
@@ -192,15 +201,13 @@ export default {
} }
} }
.body, hr { .body {
p { p {
font-size: .9rem; font-size: .9rem;
} }
svg { .fas {
height: 80px; font-size: 3rem;
width: 80px;
fill: currentColor;
} }
} }
} }