vhaudiquet/buildpath
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Better margins :)

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-12-01 11:48:21 +01:00
parent 08e93b331e
commit 3cc3b3ce1c
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/components/ChampionSelector.vue
View File

@@ -163,5 +163,8 @@ async function submit() {
.champion-container { .champion-container {
grid-template-columns: repeat(auto-fit, 80px); grid-template-columns: repeat(auto-fit, 80px);
} }
.search-lanefilter-container {
margin-top: 10px;
}
} }
</style> </style>

4
frontend/components/Logo.vue
View File

@@ -8,8 +8,8 @@ defineProps<{
<template> <template>
<div style="width: fit-content; max-width: 100%; overflow: hidden;"> <div style="width: fit-content; max-width: 100%; overflow: hidden;">
<NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/"> <NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
<img id="logo-img" :width="imgWidth == null ? '140' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" /> <img id="logo-img" :width="imgWidth == null ? '120' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
<h1 :style="'font-size: ' + (fontSize == null ? '5.6rem' : fontSize) + ';'" id="logo-text">BuildPath</h1> <h1 :style="'font-size: ' + (fontSize == null ? '5.0rem' : fontSize) + ';'" id="logo-text">BuildPath</h1>
</NuxtLink> </NuxtLink>
</div> </div>
</template> </template>

6
frontend/pages/index.vue
View File

@@ -44,7 +44,7 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
} }
.index-main-content { .index-main-content {
display: flex; display: flex;
margin-top: 164px; margin-top: 104px;
} }
.index-champion-selector { .index-champion-selector {
width: 80%; width: 80%;
@@ -75,7 +75,7 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
#index-logo { #index-logo {
margin-top: 5px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
#index-statp { #index-statp {
@@ -84,7 +84,7 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc
.index-tierlist-info-container { .index-tierlist-info-container {
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 10px; margin-left: 10px;
display: none; display: none;
} }
} }