Small UI improvements

WRadoslaw · Mar 8, 2024 · dd21c1e · dd21c1e
1 parent 7b70ec8
commit dd21c1e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/atlas/src/components/Carousel/Carousel.styles.ts b/packages/atlas/src/components/Carousel/Carousel.styles.ts
@@ -16,6 +16,10 @@ const isPropValid = (prop: string) => prop !== 'minSlideWidth'
 export const StyledSwiper = styled(Swiper, { shouldForwardProp: isPropValid })<StyledSwiperProps>`
   width: 100%;
 
+  .swiper-slide {
+    height: unset;
+  }
+
   .swiper-pagination {
     display: flex;
     justify-content: center;

diff --git a/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx b/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx
@@ -127,7 +127,7 @@ const MarketDetails = ({ token }: { token: FullCreatorTokenFragment }) => {
     [token]
   )
   return (
-    <>
+    <FlexBox flow="column" gap={3}>
       <DetailsContent
         caption="PRICE PER UNIT"
         content={calculateSlippageAmount(1) ?? 0}
@@ -150,6 +150,6 @@ const MarketDetails = ({ token }: { token: FullCreatorTokenFragment }) => {
         </Text>
         <Information text="An automated market maker (AMM) is an algorithm that helps to buy and sell tokens by using price curves which automatically set prices and match buyers and sellers." />
       </SupplyLine>
-    </>
+    </FlexBox>
   )
 }