fix: Move comments empty state text to fixed position

This commit is contained in:
Tom Moor
2023-04-05 09:39:30 -04:00
parent 2458085eed
commit 9573026fdd

View File

@ -59,7 +59,7 @@ function Comments() {
))
) : (
<NoComments align="center" justify="center" auto>
<Empty>{t("No comments yet")}</Empty>
<PositionedEmpty>{t("No comments yet")}</PositionedEmpty>
</NoComments>
)}
</Wrapper>
@ -80,6 +80,12 @@ function Comments() {
);
}
const PositionedEmpty = styled(Empty)`
position: absolute;
top: calc(50vh - 30px);
transform: translateY(-50%);
`;
const NoComments = styled(Flex)`
padding-bottom: 65px;
height: 100%;