thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Fixed banner not having correct width

Browse source
This commit is contained in:
thepaperpilot 2022-03-06 23:16:27 -06:00
parent 1ecab3716e
commit a7ff83dfd4
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/Nav.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="nav" v-if="useHeader" v-bind="$attrs"> <div class="nav" v-if="useHeader" v-bind="$attrs">
<img v-if="banner" :src="banner" height="100%" :alt="title" /> <img v-if="banner" :src="banner" class="banner" :alt="title" />
<div v-else class="title">{{ title }}</div> <div v-else class="title">{{ title }}</div>
<div @click="changelog?.open()" class="version-container"> <div @click="changelog?.open()" class="version-container">
<Tooltip display="Changelog" bottom class="version" <Tooltip display="Changelog" bottom class="version"
@ -141,6 +141,11 @@ function openDiscord() {
flex-shrink: 0; flex-shrink: 0;
} }
.nav > .banner {
height: 100%;
width: unset;
}
.overlay-nav { .overlay-nav {
position: absolute; position: absolute;
top: 10px; top: 10px;