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

chore: use gap instead of gap-x for consistency

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-16 17:24:41 +02:00
parent 53a2bc0264
commit 13a53f4cfb
12 changed files with 171 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/theme/button.ts
View File

@@ -22,27 +22,27 @@ export default (config: { colors: string[] }) => ({
},
size: {
xs: {
base: 'px-2 py-1 text-xs gap-x-1',
base: 'px-2 py-1 text-xs gap-1',
leadingIcon: 'size-4',
trailingIcon: 'size-4'
},
sm: {
base: 'px-2.5 py-1.5 text-xs gap-x-1.5',
base: 'px-2.5 py-1.5 text-xs gap-1.5',
leadingIcon: 'size-4',
trailingIcon: 'size-4'
},
md: {
base: 'px-2.5 py-1.5 text-sm gap-x-1.5',
base: 'px-2.5 py-1.5 text-sm gap-1.5',
leadingIcon: 'size-5',
trailingIcon: 'size-5'
},
lg: {
base: 'px-3 py-2 text-sm gap-x-2',
base: 'px-3 py-2 text-sm gap-2',
leadingIcon: 'size-5',
trailingIcon: 'size-5'
},
xl: {
base: 'px-3.5 py-2.5 text-sm gap-x-2.5',
base: 'px-3.5 py-2.5 text-sm gap-2.5',
leadingIcon: 'size-5',
trailingIcon: 'size-5'
}

10
src/theme/input.ts
View File

@@ -11,35 +11,35 @@ export default (config: { colors: string[] }) => {
variants: {
size: {
xs: {
base: 'text-xs gap-x-1 px-2 py-1',
base: 'text-xs gap-1 px-2 py-1',
leading: 'pl-2',
trailing: 'pr-2',
leadingIcon: 'size-4',
trailingIcon: 'size-4'
},
sm: {
base: 'text-sm gap-x-1.5 px-2.5 py-1',
base: 'text-sm gap-1.5 px-2.5 py-1',
leading: 'pl-2.5',
trailing: 'pr-2.5',
leadingIcon: 'size-4',
trailingIcon: 'size-4'
},
md: {
base: 'text-sm gap-x-1.5 px-2.5 py-1.5',
base: 'text-sm gap-1.5 px-2.5 py-1.5',
leading: 'pl-2.5',
trailing: 'pr-2.5',
leadingIcon: 'size-5',
trailingIcon: 'size-5'
},
lg: {
base: 'text-sm gap-x-1.5 px-3 py-2',
base: 'text-sm gap-1.5 px-3 py-2',
leading: 'pl-3',
trailing: 'pr-3',
leadingIcon: 'size-5',
trailingIcon: 'size-5'
},
xl: {
base: 'text-sm gap-x-2.5 px-3.5 py-2.5',
base: 'text-sm gap-2.5 px-3.5 py-2.5',
leading: 'pl-3.5',
trailing: 'pr-3.5',
leadingIcon: 'size-5',

2
src/theme/modal.ts
View File

@@ -4,7 +4,7 @@ export default {
content: 'fixed z-50 w-full h-dvh bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-800 flex flex-col focus:outline-none',
header: 'px-4 py-5 sm:px-6',
body: 'flex-1 p-4 sm:p-6',
footer: 'flex items-center gap-x-1.5 p-4 sm:px-6',
footer: 'flex items-center gap-1.5 p-4 sm:px-6',
title: 'text-gray-900 dark:text-white font-semibold',
description: 'mt-1 text-gray-500 dark:text-gray-400 text-sm',
close: 'absolute top-4 right-4'

2
src/theme/slideover.ts
View File

@@ -4,7 +4,7 @@ export default {
content: 'fixed z-50 bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-800 sm:ring ring-gray-200 dark:ring-gray-800 sm:shadow-lg flex flex-col focus:outline-none',
header: 'px-4 py-5 sm:px-6',
body: 'flex-1 overflow-y-auto p-4 sm:p-6',
footer: 'flex items-center gap-x-1.5 p-4 sm:px-6',
footer: 'flex items-center gap-1.5 p-4 sm:px-6',
title: 'text-gray-900 dark:text-white font-semibold',
description: 'mt-1 text-gray-500 dark:text-gray-400 text-sm',
close: 'absolute top-4 right-4'

10
src/theme/textarea.ts
View File

@@ -6,19 +6,19 @@ export default (config: { colors: string[] }) => ({
variants: {
size: {
xs: {
base: 'text-xs gap-x-1 px-2 py-1'
base: 'text-xs gap-1 px-2 py-1'
},
sm: {
base: 'text-sm gap-x-1.5 px-2.5 py-1'
base: 'text-sm gap-1.5 px-2.5 py-1'
},
md: {
base: 'text-sm gap-x-1.5 px-2.5 py-1.5'
base: 'text-sm gap-1.5 px-2.5 py-1.5'
},
lg: {
base: 'text-sm gap-x-1.5 px-3 py-2'
base: 'text-sm gap-1.5 px-3 py-2'
},
xl: {
base: 'text-sm gap-x-2.5 px-3.5 py-2.5'
base: 'text-sm gap-2.5 px-3.5 py-2.5'
}
},
variant: {