feat(overview): change width of overview container for screen widths

This commit is contained in:
RadoslavDimchev 2024-02-14 12:05:47 +02:00 committed by Radoslav Dimchev
parent 401f6c5f1b
commit 4014c0352d
2 changed files with 7 additions and 1 deletions

View File

@ -12,7 +12,7 @@ const Overview = () => {
imgHeight="200%"
rightImageSrc="./background-images/sync-status-background.png"
>
<YStack space={'$2'} width="100%">
<YStack space={'$3'} className={styles['overview-container']}>
<Text size={27} weight={'semibold'}>
Overview
</Text>

View File

@ -1,3 +1,7 @@
.overview-container {
width: 121%;
}
.overview-cards {
display: flex;
flex-wrap: wrap;
@ -15,6 +19,8 @@
}
@media screen and (max-width: 1000px) {
.overview-container {
width: 100%;
}
.overview-cards {