pl-fe: improve styling
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
@ -1,5 +1,10 @@
|
|||||||
.loading-indicator-wrapper {
|
.loading-indicator-wrapper {
|
||||||
@apply h-screen w-screen flex justify-center items-center;
|
height: 100vh;
|
||||||
|
height: 100dvh;
|
||||||
|
width: 100vw;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-indicator {
|
.loading-indicator {
|
||||||
@ -7,7 +12,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.loading-indicator__container {
|
.loading-indicator__container {
|
||||||
@apply w-10 h-10 relative;
|
width: 2.5rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-indicator__figure {
|
.loading-indicator__figure {
|
||||||
|
|||||||
@ -17,7 +17,6 @@
|
|||||||
|
|
||||||
.d-screen {
|
.d-screen {
|
||||||
height: 100vh; /* Backwards compatibility */
|
height: 100vh; /* Backwards compatibility */
|
||||||
/* stylelint-disable-next-line unit-no-unknown */
|
|
||||||
height: 100dvh;
|
height: 100dvh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user