test: responsive event feed (#199)

Uniswap · Sep 9, 2022 · 1cf5082 · 1cf5082 · vercel · Sep 9, 2022
1 parent 5f143a7
commit 1cf5082
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/cosmos/ControlledSwap.fixture.tsx b/src/cosmos/ControlledSwap.fixture.tsx
@@ -47,7 +47,7 @@ function Fixture() {
   const connector = useProvider(SupportedChainId.MAINNET)
 
   return (
-    <Row align="start" justify="space-around">
+    <Row flex align="start" justify="start" gap={0.5}>
       <SwapWidget
         value={{
           type,

diff --git a/src/cosmos/EventFeed.tsx b/src/cosmos/EventFeed.tsx
@@ -12,7 +12,7 @@ const EventFeedWrapper = styled.div`
   width: 360px;
 `
 const EventColumn = styled.div`
-  height: 80vh;
+  height: 306px;
   overflow: auto;
 `
 const EventRow = styled.div`

diff --git a/src/cosmos/Swap.fixture.tsx b/src/cosmos/Swap.fixture.tsx
@@ -109,7 +109,7 @@ function Fixture() {
   if (!window.frameElement) return widget
 
   return (
-    <Row align="start" justify="space-around">
+    <Row flex align="start" justify="start" gap={0.5}>
       {widget}
       <EventFeed events={events} onClear={() => setEvents([])} />
     </Row>