lasers
/
FreeTube
mirror of https://github.com/FreeTubeApp/FreeTube
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix blog banner layout (#2300) (#2383) 

* Fix blog banner layout

* Fix banner stretching with no content

Co-authored-by: vallode <18506096+vallode@users.noreply.github.com>
This commit is contained in:
Luca Hohmann 2022-07-07 21:04:08 +02:00 committed by GitHub
parent 7a374ac312
commit 04c276ca73
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 {
width: 85%;
margin: 16px auto 0 auto;
width: 90%;
}
.flexBox {
margin-top: 60px;
margin-bottom: -75px;
margin: 0;
flex: 1 1 0%;
flex-direction: column;
}
#changeLogText {

32
src/renderer/App.vue
View File

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