add logo to staking page

quicksilver-zone · Jan 19, 2024 · 446536a · 446536a
1 parent 2ddf39b
commit 446536a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/web-ui/pages/staking/index.tsx b/web-ui/pages/staking/index.tsx
@@ -1,4 +1,4 @@
-import { Box, Container, Flex, VStack, HStack, Stat, StatLabel, StatNumber, SlideFade, SkeletonCircle } from '@chakra-ui/react';
+import { Box, Container, Flex, VStack, HStack, Stat, StatLabel, StatNumber, SlideFade, SkeletonCircle, Image } from '@chakra-ui/react';
 import dynamic from 'next/dynamic';
 import Head from 'next/head';
 import { useState } from 'react';
@@ -124,6 +124,18 @@ export default function Staking() {
               </Flex>
             </Flex>
           </Flex>
+          <Box>
+            <Image
+              src="/img/quicksilverWord.png"
+              alt="Quicksilver"
+              position="relative"
+              bottom="100"
+              left="680"
+              h={'100px'}
+              transform="rotate(90deg)"
+              transformOrigin="bottom right"
+            />
+          </Box>
         </Container>
       </SlideFade>
     </>

diff --git a/web-ui/public/img/quicksilverWord.png b/web-ui/public/img/quicksilverWord.png