wip: minor changes regarding oeth layout

OriginProtocol · Aug 23, 2023 · 3669b4e · 3669b4e
1 parent 7b7f8eb
commit 3669b4e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/apps/oeth/src/components/Layout.tsx b/apps/oeth/src/components/Layout.tsx
@@ -24,7 +24,10 @@ export function Layout() {
           mt: {
             xs: 3,
             md: 5,
-            paddingInline: 0,
+            paddingInline: {
+              xs: 2,
+              md: 0,
+            },
           },
         }}
         maxWidth="sm"

diff --git a/libs/defi/oeth/src/components/shared/APY.tsx b/libs/defi/oeth/src/components/shared/APY.tsx
@@ -63,7 +63,12 @@ export function APY({
           </MenuItem>
         ))}
       </Menu>
-      <Stack direction="row" flexWrap="wrap" gap={2} sx={{ width: '100%' }}>
+      <Stack
+        direction="row"
+        flexWrap="wrap"
+        gap={{ xs: 1, md: 2 }}
+        sx={{ width: '100%' }}
+      >
         <Box
           sx={{
             paddingInline: { xs: 3, md: 2.5 },

diff --git a/libs/shared/components/src/Cards/SwapCard/SwapButton.tsx b/libs/shared/components/src/Cards/SwapCard/SwapButton.tsx
@@ -21,7 +21,7 @@ export function SwapButton({ onClick, sx, ...rest }: Props) {
         fill: (theme) => theme.palette.background.paper,
         strokeWidth: (theme) => theme.typography.pxToRem(2),
         stroke: (theme) => theme.palette.grey[700],
-        transform: { xs: 'translateY(30%)', md: 'translateY(-8%)' },
+        transform: { xs: 'translateY(-20%)', md: 'translateY(-8%)' },
         backgroundColor: (theme) => theme.palette.divider,
         '& img': {
           transition: (theme) => theme.transitions.create('transform'),