vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
zzlgreat
2025-10-11 11:55:25 +08:00
parent 467dad8449
commit 8107dee8d3
2879 changed files with 610575 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/theme/components/input.js Normal file
View File

@@ -0,0 +1,132 @@
import { mode } from "@chakra-ui/theme-tools";
export const inputStyles = {
components: {
Input: {
baseStyle: {
field: {
fontWeight: 400,
borderRadius: "8px",
},
},
variants: {
main: (props) => ({
field: {
bg: mode("white", "navy.900")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
auth: (props) => ({
field: {
bg: mode("white", "navy.700")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
authSecondary: (props) => ({
field: {
bg: mode("white", "navy.800")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
search: (props) => ({
field: {
border: "none",
py: "11px",
borderRadius: "inherit",
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
},
},
NumberInput: {
baseStyle: {
field: {
fontWeight: 400,
},
},
variants: {
main: (props) => ({
field: {
bg: mode("white", "navy.900")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
auth: (props) => ({
field: {
bg: mode("white", "navy.700")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
authSecondary: (props) => ({
field: {
bg: mode("white", "navy.800")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
search: (props) => ({
field: {
border: "none",
py: "11px",
borderRadius: "inherit",
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
},
},
Select: {
baseStyle: {
field: {
fontWeight: 400,
},
},
variants: {
main: (props) => ({
field: {
bg: mode("white", "navy.900")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
auth: (props) => ({
field: {
bg: mode("white", "navy.700")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
authSecondary: (props) => ({
field: {
bg: mode("white", "navy.800")(props),
border: "1px solid",
borderColor: mode("gray.200", "transparent")(props),
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
search: (props) => ({
field: {
border: "none",
py: "11px",
borderRadius: "inherit",
_placeholder: { color: mode("gray.300", "gray.400")(props) },
},
}),
},
},
},
};