tesses50
/
freetube
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix blog banner layout (#2300) 

* Fix blog banner layout

* Fix banner stretching with no content
This commit is contained in:
vallode 2022-07-07 19:43:14 +02:00 committed by GitHub
parent c501e0d301
commit 2340af09e2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/App.css
View File

@ -15,12 +15,14 @@
} }
.banner { .banner {
width: 85%; margin: 16px auto 0 auto;
width: 90%;
} }
.flexBox { .flexBox {
margin-top: 60px; margin: 0;
margin-bottom: -75px; flex: 1 1 0%;
flex-direction: column;
} }
#changeLogText { #changeLogText {

10
src/renderer/App.vue
View File

@ -9,10 +9,8 @@
> >
<top-nav ref="topNav" /> <top-nav ref="topNav" />
<side-nav ref="sideNav" /> <side-nav ref="sideNav" />
<ft-flex-box
v-if="showUpdatesBanner || showBlogBanner" <ft-flex-box class="flexBox">
class="flexBox routerView"
>
<ft-notification-banner <ft-notification-banner
v-if="showUpdatesBanner" v-if="showUpdatesBanner"
class="banner" class="banner"
@ -25,7 +23,7 @@
:message="blogBannerMessage" :message="blogBannerMessage"
@click="handleNewBlogBannerClick" @click="handleNewBlogBannerClick"
/> />
</ft-flex-box>
<transition <transition
v-if="dataReady" v-if="dataReady"
mode="out-in" mode="out-in"
@ -38,6 +36,8 @@
/> />
<!-- </keep-alive> --> <!-- </keep-alive> -->
</transition> </transition>
</ft-flex-box>
<ft-prompt <ft-prompt
v-if="showReleaseNotes" v-if="showReleaseNotes"
@click="showReleaseNotes = !showReleaseNotes" @click="showReleaseNotes = !showReleaseNotes"