0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor toggle button

Browse source
This commit is contained in:
İnanç CAN 2023-04-26 15:43:15 +02:00
parent a33e7064ee
commit 30ed6e742a
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
kafka-ui-react-app/src/components/common/Switch/Switch.styled.ts
View file

@ -39,6 +39,10 @@ export const StyledSlider = styled.span<Props>`
transition: 0.4s; transition: 0.4s;
border-radius: 20px; border-radius: 20px;
:hover {
background-color: ${({ theme }) => theme.switch.hover};
}
&::before { &::before {
position: absolute; position: absolute;
content: ''; content: '';

5
kafka-ui-react-app/src/theme/theme.ts
View file

@ -235,12 +235,13 @@ const baseTheme = {
color: Colors.neutral[90], color: Colors.neutral[90],
}, },
switch: { switch: {
unchecked: Colors.brand[30], unchecked: Colors.neutral[20],
hover: Colors.neutral[40],
checked: Colors.brand[50], checked: Colors.brand[50],
circle: Colors.neutral[0], circle: Colors.neutral[0],
disabled: Colors.neutral[10], disabled: Colors.neutral[10],
checkedIcon: { checkedIcon: {
backgroundColor: Colors.neutral[70], backgroundColor: Colors.neutral[10],
}, },
}, },
pageLoader: { pageLoader: {