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

Mobile-adapted index :)
All checks were successful
pipeline / build-and-push-images (push) Successful in 22s
Details
pipeline / deploy (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-12-01 00:17:20 +01:00
parent 0065d416e9
commit 08e93b331e
5 changed files with 147 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/components/Logo.vue
View File

@@ -6,10 +6,10 @@ defineProps<{
</script>
<template>
<div style="width: fit-content;">
<div style="width: fit-content; max-width: 100%; overflow: hidden;">
<NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
<img style="user-select: none;" :width="imgWidth == null ? '140' : Number(imgWidth)" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
<h1 :style="'font-size: ' + (fontSize == null ? '90px' : fontSize) + ';'" id="logo-text">BuildPath</h1>
<img id="logo-img" :width="imgWidth == null ? '140' : 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>
</NuxtLink>
</div>
</template>
@@ -18,12 +18,23 @@ defineProps<{
#logo-text {
font-weight: 200;
align-content: center;
font-size: 90px;
margin-left: 20px;
user-select: none;
text-decoration: none;
}
#logo-img {
user-select: none;
}
@media only screen and (max-width: 550px) {
#logo-text {
margin-left: 10px;
}
#logo-img {
max-width: 80px;
height: fit-content;
}
}
</style>