chore: terra pools

+ ophir/wbtc
White-Whale-Defi-Platform · Aug 21, 2024 · 27dbb53 · 27dbb53
1 parent 7a16f68
commit 27dbb53
Show file tree

Hide file tree

Showing 4 changed files with 860 additions and 43 deletions.
diff --git a/components/Pages/Trade/Pools/components/PoolName.tsx b/components/Pages/Trade/Pools/components/PoolName.tsx
@@ -9,21 +9,24 @@ type Props = {
 
 const PoolName = ({ poolId, token1Img, token2Img }: Props) => (
   <HStack alignItems="center">
-    <HStack spacing="-1" width="70px">
+    <HStack spacing="-1" width="70px"> {/* Abstand auf 2 erhöht */}
       <Box
         boxShadow="lg"
         borderRadius="full"
         position="relative"
         p="5px"
         bg="black"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
       >
         <Image
           src={token1Img}
           width="auto"
+          minW="1.6rem"
           maxW="1.6rem"
           maxH="1.6rem"
-          style={{ margin: 'unset',
-            borderRadius: '50%' }}
+          style={{ margin: 'unset', borderRadius: '50%' }}
           alt="logo-small"
           fallback={
             <FallbackImage
@@ -38,13 +41,16 @@ const PoolName = ({ poolId, token1Img, token2Img }: Props) => (
         borderRadius="full"
         p="4px"
         border="1px solid rgba(255, 255, 255, 0.1)"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
       >
         <Image
           width="auto"
           minW="1.6rem"
           maxW="1.6rem"
           maxH="1.6rem"
-          style={{ margin: 'unset' }}
+          style={{ margin: 'unset', borderRadius: '50%' }}
           src={token2Img}
           alt="logo-small"
           fallback={
@@ -61,6 +67,6 @@ const PoolName = ({ poolId, token1Img, token2Img }: Props) => (
       {poolId}
     </Text>
   </HStack>
-)
+);
 
-export default PoolName
+export default PoolName;