Improved Floating Button Icon style (#3428)
* Improved Floating Button Icon style * Improve Floating Button Icon style #3420
This commit is contained in:
@ -35,7 +35,9 @@ const StyledButton = styled.button<
|
|||||||
background: ${({ theme, isActive }) =>
|
background: ${({ theme, isActive }) =>
|
||||||
isActive ? theme.background.transparent.medium : theme.background.primary};
|
isActive ? theme.background.transparent.medium : theme.background.primary};
|
||||||
border: ${({ focus, theme }) =>
|
border: ${({ focus, theme }) =>
|
||||||
focus ? `1px solid ${theme.color.blue}` : 'transparent'};
|
focus
|
||||||
|
? `1px solid ${theme.color.blue}`
|
||||||
|
: `1px solid ${theme.border.color.strong}`};
|
||||||
border-radius: ${({ position, theme }) => {
|
border-radius: ${({ position, theme }) => {
|
||||||
switch (position) {
|
switch (position) {
|
||||||
case 'left':
|
case 'left':
|
||||||
|
|||||||
Reference in New Issue
Block a user