refactor(spinner): use data variant for styles

This commit is contained in:
enes 2024-09-02 11:36:31 +02:00
parent d627db5ac0
commit e5f8b797bb

View File

@ -12,20 +12,20 @@
} }
.loadingSpinnerContainer { .loadingSpinnerContainer {
width: 100%;
max-width: 500px;
margin: 25px 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: $overlay-background-color; &[data-variant='default'] {
box-shadow: 0 0 4px 0 rgb(0, 0, 0, 0.1); width: 100%;
border-radius: 4px; max-width: 500px;
margin: 25px 20px;
&.withHeight { background: $overlay-background-color;
border-radius: 4px;
box-shadow: 0 0 4px 0 rgb(0, 0, 0, 0.1);
}
&[data-variant='small'] {
min-height: 250px; min-height: 250px;
} }
} }