gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

feat: move homebar to app.vue outside <NuxtPage /> to avoid it being rerendered on route change
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
ci/woodpecker/pull_request_closed/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
SauceyRed 2025-07-10 11:37:27 +02:00
parent 8932070fcc
commit f7e171d6a2
No known key found for this signature in database
GPG key ID: 6AD2337BB02E657B
2 changed files with 25 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

26
layouts/client.vue
View file

@ -1,13 +1,6 @@
<template>
<Loading v-show="loading" />
<div :class="{ hidden: loading, visible: !loading }" id="client-root">
<div id="homebar">
<div class="homebar-item">
<marquee>
gorb!!!!!
</marquee>
</div>
</div>
<div id="left-column">
<NuxtLink id="home-button" href="/">
<img class="sidebar-icon" src="/public/icon.svg"/>
@ -40,7 +33,7 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
height: 100dvh;
display: grid;
grid-template-columns: 1fr 4fr 18fr 4fr;
grid-template-rows: 4dvh auto;
grid-template-rows: auto;
text-align: center;
}
@ -53,23 +46,6 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
transition-duration: 500ms;
}
#homebar {
grid-row: 1;
grid-column: 1 / -1;
display: flex;
justify-content: space-evenly;
align-items: center;
background: var(--optional-topbar-background);
background-color: var(--topbar-background-color);
padding-left: 5dvw;
padding-right: 5dvw;
}
.homebar-item {
width: 100dvw;
}
#client-root>div:nth-child(-n+4) {
border-bottom: 1px solid var(--padding-color);
}