chore(styles): cleanup css by recycling styles

This commit is contained in:
Monty 2021-11-21 14:20:16 +01:00
parent 6bb0ec6282
commit ba0d7d73b9
No known key found for this signature in database
GPG Key ID: 41F86BF1BCDF9A7C
2 changed files with 18 additions and 38 deletions

View File

@ -157,50 +157,30 @@ fieldset {
grid-column: 1 / span 2;
}
.account-link-notice {
display: flex;
justify-content: center;
position: fixed;
top: -150px;
width: 100%;
animation: account-link-notice 5s;
}
@keyframes account-link-notice {
@keyframes banner-notice {
0% {top: -150px}
20% {top: 35px}
80% {top: 35px}
100% {top: -150px}
}
.account-link-notice div {
.banner-notice {
display: flex;
justify-content: center;
position: fixed;
top: -150px;
width: 100%;
animation: banner-notice 5s;
}
.banner-notice div {
padding: 4px 36px;
border-radius: 5px;
z-index: 3;
}
.banner-notice.success div {
background: #37A985;
padding: 4px 36px;
border-radius: 5px;
z-index: 3;
}
.account-error-notice {
display: flex;
justify-content: center;
position: fixed;
top: -150px;
width: 100%;
animation: account-error-notice 5s;
}
@keyframes account-error-notice {
0% {top: -150px}
20% {top: 35px}
80% {top: 35px}
100% {top: -150px}
}
.account-error-notice div {
.banner-notice.error div {
background: #A9375B;
padding: 4px 36px;
border-radius: 5px;
z-index: 3;
}
footer {

View File

@ -134,7 +134,7 @@
{{#if linked}}
<div class="account-link-notice">
<div class="banner-notice success">
<div>
<p>{{ linked }} account linked successfully</p>
</div>
@ -142,7 +142,7 @@
{{/if}}
{{#if error}}
<div class="account-error-notice">
<div class="banner-notice error">
<div>
<p>{{ error }}</p>
</div>