arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-20 06:51:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Badge): rework sizes

Browse Source
This commit is contained in:
Benjamin Canac
2024-12-13 12:57:32 +01:00
parent cef16cd49d
commit d9967f5e28
4 changed files with 50 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/theme/badge.ts
View File

@@ -21,11 +21,17 @@ export default (options: Required<ModuleOptions>) => ({
subtle: ''
},
size: {
sm: {
base: 'text-xs px-1.5 py-0.5 gap-1 rounded-[calc(var(--ui-radius))]',
leadingIcon: 'size-4',
xs: {
base: 'text-[8px]/3 px-1 py-0.5 gap-1 rounded-[calc(var(--ui-radius))]',
leadingIcon: 'size-3',
leadingAvatarSize: '3xs',
trailingIcon: 'size-4'
trailingIcon: 'size-3'
},
sm: {
base: 'text-[10px]/3 px-1.5 py-1 gap-1 rounded-[calc(var(--ui-radius))]',
leadingIcon: 'size-3',
leadingAvatarSize: '3xs',
trailingIcon: 'size-3'
},
md: {
base: 'text-xs px-2 py-1 gap-1 rounded-[calc(var(--ui-radius)*1.5)]',
@@ -38,6 +44,12 @@ export default (options: Required<ModuleOptions>) => ({
leadingIcon: 'size-5',
leadingAvatarSize: '2xs',
trailingIcon: 'size-5'
},
xl: {
base: 'text-base px-2.5 py-1 gap-1.5 rounded-[calc(var(--ui-radius)*1.5)]',
leadingIcon: 'size-6',
leadingAvatarSize: '2xs',
trailingIcon: 'size-6'
}
}
},