From 290269d12a276b7b431f964e24a9fc009755181c Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Mon, 7 Oct 2024 11:24:55 +0530
Subject: [PATCH] updateee button

---
 src/pages/Home.jsx | 56 ++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 52 insertions(+), 4 deletions(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index e58f376..9ca7209 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -45,7 +45,7 @@ const Home = () => {
               >
                 <Input
                   roundedLeft={8}
-                  w={"77%"}
+                  w={"70%"}
                   border={`1px solid ${
                     colorMode === "light" ? "#230A79" : "#393939"
                   }`}
@@ -59,7 +59,7 @@ const Home = () => {
                       colorMode === "light" ? "none" : "1px solid #230A79",
                   }}
                 />
-                <Button
+                {/* <Button
                   zIndex={99}
                   h={"42px"}
                   position={"absolute"}
@@ -83,9 +83,57 @@ const Home = () => {
                   _focus={{ outline: "none" }}
                 >
                   Generate short url
+                </Button> */}
+
+
+                <Button
+                  zIndex={99}
+                  h={"42px"}
+                  w={'24%'}
+                  // position={"absolute"}
+                  fontWeight={400}
+                  right={"0"}
+                  top={"0"}
+                  fontSize={"sm"}
+                  rounded={0}
+                  border={`1px solid ${
+                    colorMode === "light" ? "#230A79" : "#393939"
+                  }`}
+                  borderLeft={0}
+                  borderRight={0}
+                  bg={colorMode === "light" ? "transparent" : "#565252"}
+                  _hover={{
+                    border: `1px solid ${
+                      colorMode === "light" ? "#230A79" : "#393939"
+                    }`,
+                    outline: "0px",
+                  }}
+                  _focus={{ outline: "none" }}
+                >
+                  Generate short url
                 </Button>
+
+                <Box
+                pointerEvents="none"
+                position={"inherit"}
+                right={"0"}
+                h={"42px"}
+                w={"6%"}
+                roundedRight={7}
+                display={"flex"}
+                justifyContent={"center"}
+                alignItems={"center"}
+                bg={colorMode === "light" ? "light.100" : "#393939"}
+                color={colorMode === "light" ? "#230A79" : "#fff"}
+                border={`1px solid ${
+                  colorMode === "light" ? "#230A79" : "#393939"
+                }`}
+              >
+                <IoSearch fontSize={"20px"} />
+                </Box>
+                
               </InputGroup>
-              <Box
+              {/* <Box
                 pointerEvents="none"
                 position={"inherit"}
                 right={"0"}
@@ -102,7 +150,7 @@ const Home = () => {
                 }`}
               >
                 <IoSearch fontSize={"20px"} />
-              </Box>
+              </Box> */}
             </Box>
           </Container>
         </VStack>