mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
hack in our loader
This commit is contained in:
parent
e5ee3e10c7
commit
a65c971ea6
@ -16,16 +16,17 @@
|
|||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 1px solid var(--border-color);
|
border: 2px solid var(--border-color);
|
||||||
margin-right: calc(var(--spacer) / 4);
|
margin-right: calc(var(--spacer) / 4);
|
||||||
font-weight: var(--font-weight-bold);
|
font-weight: var(--font-weight-bold);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* TODO: needs to have some spinner showing activity */
|
|
||||||
.feedback .active:before {
|
.feedback .active:before {
|
||||||
color: var(--background-content);
|
color: var(--background-content);
|
||||||
background: var(--font-color-heading);
|
|
||||||
border-color: transparent;
|
border-color: var(--brand-purple);
|
||||||
|
border-top-color: var(--brand-violet);
|
||||||
|
animation: loader 0.6s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
.feedback .success:before {
|
.feedback .success:before {
|
||||||
@ -52,3 +53,9 @@
|
|||||||
margin-left: calc(var(--spacer) * 1.3);
|
margin-left: calc(var(--spacer) * 1.3);
|
||||||
color: var(--color-secondary);
|
color: var(--color-secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes loader {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user