Added header notice,
This commit is contained in:
parent
c4e77acdee
commit
7bfb08f524
|
@ -18,6 +18,11 @@
|
||||||
class="disclaimer"
|
class="disclaimer"
|
||||||
>{{ config.disclaimer }}</p>
|
>{{ config.disclaimer }}</p>
|
||||||
|
|
||||||
|
<p
|
||||||
|
v-if="config.showAnnouncement"
|
||||||
|
class="announcement"
|
||||||
|
>{{ config.announcement }}</p>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
ref="content"
|
ref="content"
|
||||||
class="content"
|
class="content"
|
||||||
|
@ -194,13 +199,21 @@ export default {
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.disclaimer {
|
.disclaimer,
|
||||||
|
.announcement {
|
||||||
padding: .5rem 1rem;
|
padding: .5rem 1rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
background: var(--warn);
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
box-shadow: inset 0 0 3px var(--darken-weak);
|
box-shadow: inset 0 0 3px var(--darken-weak);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.disclaimer {
|
||||||
|
background: var(--warn);
|
||||||
|
}
|
||||||
|
|
||||||
|
.announcement {
|
||||||
|
background: var(--notice);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -55,6 +55,7 @@ $breakpoint4: 1500px;
|
||||||
--error: #fd5555;
|
--error: #fd5555;
|
||||||
--warn: #fa0;
|
--warn: #fa0;
|
||||||
--success: #5c2;
|
--success: #5c2;
|
||||||
|
--notice: #25c;
|
||||||
|
|
||||||
--enabled: #5c2;
|
--enabled: #5c2;
|
||||||
--enabled-background: rgba(0, 255, 0, .1);
|
--enabled-background: rgba(0, 255, 0, .1);
|
||||||
|
|
Loading…
Reference in New Issue