mirror of
https://github.com/labring/FastGPT.git
synced 2025-08-01 20:27:45 +00:00
V4.6.6-1 (#656)
This commit is contained in:
Archer
@@ -30,92 +30,158 @@ const Button = defineStyleConfig({
|
||||
sizes: {
|
||||
xs: {
|
||||
fontSize: 'xs',
|
||||
px: 3,
|
||||
py: 0,
|
||||
px: '8px',
|
||||
py: '0',
|
||||
h: '24px',
|
||||
fontWeight: 'normal',
|
||||
height: '22px',
|
||||
borderRadius: '2px'
|
||||
borderRadius: '8px'
|
||||
},
|
||||
sm: {
|
||||
fontSize: 'sm',
|
||||
px: 4,
|
||||
py: 0,
|
||||
fontWeight: 'normal',
|
||||
height: '26px',
|
||||
borderRadius: '2px'
|
||||
},
|
||||
md: {
|
||||
fontSize: 'md',
|
||||
px: 6,
|
||||
py: 0,
|
||||
height: '32px',
|
||||
xsSquare: {
|
||||
fontSize: 'xs',
|
||||
px: '0',
|
||||
py: '0',
|
||||
h: '24px',
|
||||
w: '24px',
|
||||
fontWeight: 'normal',
|
||||
borderRadius: '4px'
|
||||
},
|
||||
lg: {
|
||||
fontSize: 'lg',
|
||||
px: 8,
|
||||
sm: {
|
||||
fontSize: 'sm',
|
||||
px: '14px',
|
||||
py: 0,
|
||||
height: '42px',
|
||||
fontWeight: 'normal',
|
||||
h: '30px',
|
||||
borderRadius: '8px'
|
||||
},
|
||||
smSquare: {
|
||||
fontSize: 'sm',
|
||||
px: '0',
|
||||
py: 0,
|
||||
fontWeight: 'normal',
|
||||
h: '30px',
|
||||
w: '30px',
|
||||
borderRadius: '8px'
|
||||
},
|
||||
md: {
|
||||
fontSize: 'md',
|
||||
px: '20px',
|
||||
py: 0,
|
||||
h: '36px',
|
||||
fontWeight: 'normal',
|
||||
borderRadius: '8px'
|
||||
},
|
||||
mdSquare: {
|
||||
fontSize: 'md',
|
||||
px: '0',
|
||||
py: 0,
|
||||
h: '36px',
|
||||
w: '36px',
|
||||
fontWeight: 'normal',
|
||||
borderRadius: '6px'
|
||||
},
|
||||
lg: {
|
||||
fontSize: 'md',
|
||||
px: '20px',
|
||||
py: 0,
|
||||
h: '40px',
|
||||
fontWeight: 'normal',
|
||||
borderRadius: '8px'
|
||||
},
|
||||
lgSquare: {
|
||||
fontSize: 'md',
|
||||
px: '0',
|
||||
py: 0,
|
||||
h: '40px',
|
||||
w: '40px',
|
||||
fontWeight: 'normal',
|
||||
borderRadius: '6px'
|
||||
}
|
||||
},
|
||||
variants: {
|
||||
primary: {
|
||||
backgroundImage:
|
||||
'linear-gradient(to bottom right, #2152d9 0%,#3370ff 40%, #4e83fd 100%) !important',
|
||||
bg: 'primary.600',
|
||||
color: 'white',
|
||||
border: 'none',
|
||||
boxShadow: '0px 0px 1px 0px rgba(19, 51, 107, 0.08), 0px 1px 2px 0px rgba(19, 51, 107, 0.05)',
|
||||
_hover: {
|
||||
filter: 'brightness(120%)'
|
||||
},
|
||||
_disabled: {
|
||||
bg: '#3370ff !important'
|
||||
bg: 'primary.7 !important'
|
||||
}
|
||||
},
|
||||
gray: {
|
||||
bg: '#F5F5F8',
|
||||
color: 'blue.600',
|
||||
border: '1px solid #EFF0F1',
|
||||
_hover: {
|
||||
background: '#3370FF1A'
|
||||
}
|
||||
},
|
||||
base: {
|
||||
color: 'myGray.900',
|
||||
primaryOutline: {
|
||||
color: 'primary.600',
|
||||
border: '1px solid',
|
||||
borderColor: 'myGray.200',
|
||||
bg: 'transparent',
|
||||
transition: 'background 0.3s',
|
||||
borderColor: 'primary.300',
|
||||
bg: 'white',
|
||||
transition: 'background 0.1s',
|
||||
boxShadow: '1',
|
||||
_hover: {
|
||||
color: 'blue.500',
|
||||
background: 'myWhite.400',
|
||||
boxShadow: '0 0 5px rgba(0,0,0,0.1)'
|
||||
bg: 'primary.1'
|
||||
},
|
||||
_active: {
|
||||
color: 'blue.600'
|
||||
color: 'primary.600'
|
||||
},
|
||||
_disabled: {
|
||||
bg: 'myGray.100 !important',
|
||||
color: 'myGray.700 !important'
|
||||
bg: 'white !important'
|
||||
}
|
||||
},
|
||||
boxBtn: {
|
||||
px: 3,
|
||||
py: '2px',
|
||||
borderRadius: 'md',
|
||||
whiteBase: {
|
||||
color: 'myGray.600',
|
||||
border: '1px solid',
|
||||
borderColor: 'myGray.250',
|
||||
bg: 'white',
|
||||
transition: 'background 0.1s',
|
||||
boxShadow: '0px 0px 1px 0px rgba(19, 51, 107, 0.08), 0px 1px 2px 0px rgba(19, 51, 107, 0.05)',
|
||||
_hover: {
|
||||
bg: 'myGray.200'
|
||||
color: 'primary.600'
|
||||
},
|
||||
_active: {
|
||||
color: 'primary.600'
|
||||
}
|
||||
},
|
||||
blue: {
|
||||
borderRadius: 'md',
|
||||
bg: '#3370FF',
|
||||
color: 'white',
|
||||
fontSize: 'sm',
|
||||
whitePrimary: {
|
||||
color: 'myGray.600',
|
||||
border: '1px solid',
|
||||
borderColor: 'myGray.250',
|
||||
bg: 'white',
|
||||
transition: 'background 0.1s',
|
||||
boxShadow: '0px 0px 1px 0px rgba(19, 51, 107, 0.08), 0px 1px 2px 0px rgba(19, 51, 107, 0.05)',
|
||||
_hover: {
|
||||
bg: '#145BFF'
|
||||
color: 'primary.600',
|
||||
background: 'primary.1',
|
||||
borderColor: 'primary.300'
|
||||
},
|
||||
_active: {
|
||||
color: 'primary.600'
|
||||
}
|
||||
},
|
||||
whiteDanger: {
|
||||
color: 'myGray.600',
|
||||
border: '1px solid',
|
||||
borderColor: 'myGray.250',
|
||||
bg: 'white',
|
||||
transition: 'background 0.1s',
|
||||
boxShadow: '0px 0px 1px 0px rgba(19, 51, 107, 0.08), 0px 1px 2px 0px rgba(19, 51, 107, 0.05)',
|
||||
_hover: {
|
||||
color: 'red.600',
|
||||
background: 'red.1',
|
||||
borderColor: 'red.300'
|
||||
},
|
||||
_active: {
|
||||
color: 'red.600'
|
||||
}
|
||||
},
|
||||
grayBase: {
|
||||
bg: 'myGray.150',
|
||||
color: 'myGray.900',
|
||||
_hover: {
|
||||
color: 'primary.600',
|
||||
bg: 'primary.50'
|
||||
},
|
||||
_disabled: {
|
||||
bg: 'myGray.50'
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -126,17 +192,19 @@ const Button = defineStyleConfig({
|
||||
});
|
||||
|
||||
const Input: ComponentStyleConfig = {
|
||||
baseStyle: {},
|
||||
baseStyle: {
|
||||
fontsize: '14px'
|
||||
},
|
||||
variants: {
|
||||
outline: {
|
||||
field: {
|
||||
backgroundColor: 'transparent',
|
||||
h: '40px',
|
||||
border: '1px solid',
|
||||
borderRadius: 'base',
|
||||
borderColor: 'myGray.200',
|
||||
borderRadius: 'md',
|
||||
borderColor: 'borderColor.low',
|
||||
_focus: {
|
||||
borderColor: 'blue.500',
|
||||
boxShadow: '0px 0px 4px #A8DBFF',
|
||||
borderColor: 'primary.500',
|
||||
boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)',
|
||||
bg: 'white'
|
||||
},
|
||||
_disabled: {
|
||||
@@ -161,8 +229,8 @@ const NumberInput = numInputMultiStyle({
|
||||
borderRadius: 'base',
|
||||
borderColor: 'myGray.200',
|
||||
_focus: {
|
||||
borderColor: 'blue.500 !important',
|
||||
boxShadow: '0px 0px 4px #A8DBFF !important',
|
||||
borderColor: 'primary.500 !important',
|
||||
boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15) !important',
|
||||
bg: 'transparent'
|
||||
},
|
||||
_disabled: {
|
||||
@@ -175,7 +243,7 @@ const NumberInput = numInputMultiStyle({
|
||||
border: 'none',
|
||||
color: 'myGray.600',
|
||||
_active: {
|
||||
color: 'blue.500'
|
||||
color: 'primary.500'
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -195,8 +263,8 @@ const Textarea: ComponentStyleConfig = {
|
||||
borderColor: ''
|
||||
},
|
||||
_focus: {
|
||||
borderColor: 'blue.500',
|
||||
boxShadow: '0px 0px 4px #A8DBFF',
|
||||
borderColor: 'primary.500',
|
||||
boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)',
|
||||
bg: 'white'
|
||||
}
|
||||
}
|
||||
@@ -213,7 +281,7 @@ const Switch = switchMultiStyle({
|
||||
track: {
|
||||
bg: 'myGray.100',
|
||||
_checked: {
|
||||
bg: 'blue.600'
|
||||
bg: 'primary.600'
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -225,8 +293,8 @@ const Select = selectMultiStyle({
|
||||
field: {
|
||||
borderColor: 'myGray.200',
|
||||
_focusWithin: {
|
||||
boxShadow: '0px 0px 4px #A8DBFF',
|
||||
borderColor: 'blue.500'
|
||||
boxShadow: '0px 0px 0px 2.4px rgba(51, 112, 255, 0.15)',
|
||||
borderColor: 'primary.500'
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -254,7 +322,7 @@ export const theme = extendTheme({
|
||||
// lineHeight: 'unset'
|
||||
},
|
||||
a: {
|
||||
color: 'blue.600'
|
||||
color: 'primary.600'
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -272,18 +340,27 @@ export const theme = extendTheme({
|
||||
1000: '#313132'
|
||||
},
|
||||
myGray: {
|
||||
100: '#EFF0F1',
|
||||
200: '#DEE0E2',
|
||||
300: '#BDC1C5',
|
||||
400: '#9CA2A8',
|
||||
500: '#7B838B',
|
||||
600: '#5A646E',
|
||||
700: '#485058',
|
||||
800: '#363C42',
|
||||
900: '#24282C',
|
||||
1000: '#121416'
|
||||
25: '#FBFBFC',
|
||||
50: '#F7F8FA',
|
||||
100: '#F4F4F7',
|
||||
150: '#F0F1F6',
|
||||
200: '#E8EBF0',
|
||||
250: '#DFE2EA',
|
||||
300: '#C4CBD7',
|
||||
400: '#8A95A7',
|
||||
500: '#667085',
|
||||
600: '#485264',
|
||||
700: '#383F50',
|
||||
800: '#1D2532',
|
||||
900: '#111824'
|
||||
},
|
||||
blue: {
|
||||
primary: {
|
||||
1: 'rgba(51, 112, 255, 0.1)',
|
||||
3: 'rgba(51, 112, 255, 0.3)',
|
||||
5: 'rgba(51, 112, 255, 0.5)',
|
||||
7: 'rgba(51, 112, 255, 0.7)',
|
||||
9: 'rgba(51, 112, 255, 0.9)',
|
||||
|
||||
50: '#F0F4FF',
|
||||
100: '#E1EAFF',
|
||||
200: '#C5D7FF',
|
||||
@@ -295,33 +372,87 @@ export const theme = extendTheme({
|
||||
800: '#2450B5',
|
||||
900: '#1D4091'
|
||||
},
|
||||
myRead: {
|
||||
600: '#ff4d4f'
|
||||
red: {
|
||||
1: 'rgba(217,45,32,0.1)',
|
||||
3: 'rgba(217,45,32,0.3)',
|
||||
5: 'rgba(217,45,32,0.5)',
|
||||
|
||||
25: '#FFFBFA',
|
||||
50: '#FEF3F2',
|
||||
100: '#FEE4E2',
|
||||
200: '#FECDCA',
|
||||
300: '#FDA29B',
|
||||
400: '#F97066',
|
||||
500: '#F04438',
|
||||
600: '#D92D20',
|
||||
700: '#B42318',
|
||||
800: '#912018',
|
||||
900: '#7A271A'
|
||||
},
|
||||
green: {
|
||||
25: '#F9FEFB',
|
||||
50: '#EDFBF3',
|
||||
100: '#D1FADF',
|
||||
200: '#B9F4D1',
|
||||
300: '#76E4AA',
|
||||
400: '#32D583',
|
||||
500: '#12B76A',
|
||||
600: '#039855',
|
||||
700: '#027A48',
|
||||
800: '#05603A',
|
||||
900: '#054F31'
|
||||
},
|
||||
borderColor: {
|
||||
low: '#E8EBF0',
|
||||
base: '#DFE2EA',
|
||||
high: '#C4CBD7',
|
||||
highest: '#8A95A7'
|
||||
}
|
||||
},
|
||||
fonts: {
|
||||
body: '-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"'
|
||||
body: 'PingFang,Noto Sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"'
|
||||
},
|
||||
fontSizes: {
|
||||
xs: '10px',
|
||||
xs: '10',
|
||||
sm: '12px',
|
||||
md: '14px',
|
||||
lg: '16px',
|
||||
xl: '16px',
|
||||
'2xl': '18px',
|
||||
'3xl': '20px'
|
||||
xl: '18px',
|
||||
'2xl': '20px',
|
||||
'3xl': '24px',
|
||||
'4xl': '28px',
|
||||
'5xl': '32px',
|
||||
'6xl': '36px'
|
||||
},
|
||||
borderColor: {
|
||||
low: 'myGray.200',
|
||||
common: 'myGray.250',
|
||||
high: 'myGray.300',
|
||||
highest: 'myGray.400'
|
||||
},
|
||||
borders: {
|
||||
sm: '1px solid #EFF0F1',
|
||||
base: '1px solid #DEE0E2',
|
||||
sm: '1px solid #E8EBF0',
|
||||
base: '1px solid #DFE2EA',
|
||||
md: '1px solid #DAE0E2',
|
||||
lg: '1px solid #D0E0E2'
|
||||
},
|
||||
borderRadius: {
|
||||
xs: '4px',
|
||||
sm: '6px',
|
||||
md: '8px',
|
||||
lg: '12px',
|
||||
xl: '16px'
|
||||
},
|
||||
shadows: {
|
||||
sm: '0 0 5px rgba(0,0,0,0.1)',
|
||||
md: '0 0 8px rgba(0,0,0,0.1)',
|
||||
base: '0 0 10px rgba(0,0,0,0.15)',
|
||||
lg: '0 0 10px rgba(0,0,0,0.2)'
|
||||
1: '0px 0px 1px 0px rgba(19, 51, 107, 0.08), 0px 1px 2px 0px rgba(19, 51, 107, 0.05)',
|
||||
1.5: '0px 0px 1px 0px rgba(19, 51, 107, 0.15), 0px 1px 2px 0px rgba(19, 51, 107, 0.10)',
|
||||
2: '0px 0px 1px 0px rgba(19, 51, 107, 0.08), 0px 4px 4px 0px rgba(19, 51, 107, 0.05)',
|
||||
3: '0px 0px 1px 0px rgba(19, 51, 107, 0.08), 0px 4px 10px 0px rgba(19, 51, 107, 0.08)',
|
||||
3.5: '0px 0px 1px 0px rgba(19, 51, 107, 0.10), 0px 4px 10px 0px rgba(19, 51, 107, 0.10)',
|
||||
4: '0px 0px 1px 0px rgba(19, 51, 107, 0.20), 0px 12px 16px -4px rgba(19, 51, 107, 0.20)',
|
||||
5: '0px 0px 1px 0px rgba(19, 51, 107, 0.15), 0px 20px 24px -8px rgba(19, 51, 107, 0.15)',
|
||||
6: '0px 0px 1px 0px rgba(19, 51, 107, 0.20), 0px 24px 48px -12px rgba(19, 51, 107, 0.20)',
|
||||
7: '0px 0px 1px 0px rgba(19, 51, 107, 0.20), 0px 32px 64px -12px rgba(19, 51, 107, 0.20)'
|
||||
},
|
||||
breakpoints: {
|
||||
sm: '900px',
|
||||
|
||||
Reference in New Issue
Block a user