acid-info
/
lsd
mirror of https://github.com/acid-info/lsd.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: new icon styles for the dropdown button

This commit is contained in:
jongomez 2023-10-18 14:25:53 +01:00 committed by Jon
parent 25e9e13925
commit 0b8bfe2424
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/lsd-react/src/components/Dropdown/Dropdown.styles.ts
View File

@ -54,7 +54,7 @@ export const DropdownStyles = css`
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: center;
gap: 8px; gap: 8px;
} }
@ -93,7 +93,11 @@ export const DropdownStyles = css`
} }
.${dropdownClasses.trigger} { .${dropdownClasses.trigger} {
padding: 9px 17px; padding: 10px 0px 10px 18px;
}
.${dropdownClasses.icons} {
width: 42px;
} }
} }
@ -109,7 +113,11 @@ export const DropdownStyles = css`
} }
.${dropdownClasses.trigger} { .${dropdownClasses.trigger} {
padding: 5px 13px; padding: 6px 0px 6px 14px;
}
.${dropdownClasses.icons} {
width: 38px;
} }
} }
@ -125,7 +133,11 @@ export const DropdownStyles = css`
} }
.${dropdownClasses.trigger} { .${dropdownClasses.trigger} {
padding: 5px 11px; padding: 6px 0px 6px 12px;
}
.${dropdownClasses.icons} {
width: 34px;
} }
} }