mirror of
https://github.com/PretendoNetwork/website.git
synced 2026-04-06 17:16:20 -05:00
chore(styles): cleanup css by recycling styles
This commit is contained in:
parent
6bb0ec6282
commit
ba0d7d73b9
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user