Siddhesh.More/rubix-explore
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updateee button

Browse Source
This commit is contained in:
Siddhesh More
2024-10-07 11:24:55 +05:30
parent 4bc7338ebf
commit 290269d12a
1 changed files with 52 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/pages/Home.jsx
View File

@@ -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>