fix(styling): "no data" caption not considered in height calculations

Change `NoData` container position to `relative`. Otherwise it won't be considered in `auto` height calculations by browsers.

Also change the way `NoData` content is centered.
This commit is contained in:
Alexander Klein 2021-02-21 14:39:30 +01:00
parent 98a60d0d3e
commit c5e03cd5d4

View File

@ -1,8 +1,11 @@
.container { .container {
color: var(--gray500); color: var(--gray500);
font-size: var(--font-size-normal); font-size: var(--font-size-normal);
position: absolute; position: relative;
top: 50%; display: flex;
left: 50%; align-items: center;
transform: translate(-50%, -50%); justify-content: center;
text-align: center;
width: 100%;
height: 100%;
} }