Fix waveform loading after css class reuse.

This commit is contained in:
Matthew Stratford 2020-04-20 12:36:43 +01:00
parent 33df2687d1
commit cb4ca534ad
3 changed files with 4 additions and 4 deletions

View file

@ -3,7 +3,7 @@
$sidebar-width: 250px;
$number-of-channels: 3;
.loading {
.loading-dialogue {
position: fixed;
top: 20%;
left: 50%;

View file

@ -186,12 +186,12 @@
opacity: 0;
position: absolute;
left: 25px;
transition: 0.5s;
transition: 0.4s;
height: 32px;
}
.logo-webstudio {
opacity: 1;
transition: 0.5s;
transition: 0.4s;
height: 28px;
margin-top: -5px;
}

View file

@ -335,7 +335,7 @@ export function LoadingDialogue({
percent: number;
}) {
return (
<div className="loading">
<div className="loading-dialogue">
<div className="logo-container" style={{ width: percent + "%" }}>
<img
className="logo mb-5"