web/satellite: fix banner container CSS issue

Hides empty banner container when there are no banners being displayed

Change-Id: Ib64912e80ff1d8073ecfeb772939a0bce781d684
This commit is contained in:
Lizzy Thomson 2023-04-11 10:54:48 -06:00
parent 8fba740332
commit 1c2ad79bf8

View File

@ -15,7 +15,7 @@
<div ref="dashboardContent" class="dashboard__wrap__main-area__content-wrap__container"> <div ref="dashboardContent" class="dashboard__wrap__main-area__content-wrap__container">
<BetaSatBar v-if="isBetaSatellite" /> <BetaSatBar v-if="isBetaSatellite" />
<MFARecoveryCodeBar v-if="showMFARecoveryCodeBar" :open-generate-modal="generateNewMFARecoveryCodes" /> <MFARecoveryCodeBar v-if="showMFARecoveryCodeBar" :open-generate-modal="generateNewMFARecoveryCodes" />
<div class="dashboard__wrap__main-area__content-wrap__container__content"> <div class="banner-container dashboard__wrap__main-area__content-wrap__container__content">
<UpgradeNotification <UpgradeNotification
v-if="isPaidTierBannerShown" v-if="isPaidTierBannerShown"
:open-add-p-m-modal="togglePMModal" :open-add-p-m-modal="togglePMModal"
@ -676,6 +676,10 @@ onBeforeUnmount(() => {
margin-top: 1rem; margin-top: 1rem;
} }
.banner-container:empty {
display: none;
}
.dashboard { .dashboard {
height: 100%; height: 100%;
background-color: #f5f6fa; background-color: #f5f6fa;