feat: move homebar to app.vue outside <NuxtPage /> to avoid it being rerendered on route change
This commit is contained in:
parent
8932070fcc
commit
f7e171d6a2
2 changed files with 25 additions and 25 deletions
24
app.vue
24
app.vue
|
@ -1,6 +1,13 @@
|
|||
<template>
|
||||
<div>
|
||||
<Banner v-if="banner" />
|
||||
<div id="homebar">
|
||||
<div class="homebar-item">
|
||||
<marquee>
|
||||
gorb!!!!!
|
||||
</marquee>
|
||||
</div>
|
||||
</div>
|
||||
<NuxtPage :keepalive="true" />
|
||||
</div>
|
||||
</template>
|
||||
|
@ -71,4 +78,21 @@ a {
|
|||
visibility: hidden;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue