uibee 2.10.3 → 2.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -103,9 +103,9 @@ export default function Body({ list, columns, menuItems, redirectPath, variant =
|
|
|
103
103
|
}
|
|
104
104
|
return (_jsx("td", { className: `
|
|
105
105
|
flex-1 px-6 py-4 whitespace-nowrap text-sm min-w-40 flex items-center text-login-100
|
|
106
|
-
${variant === 'minimal' ? 'py-
|
|
106
|
+
${variant === 'minimal' ? 'px-4! py-2!' : ''}
|
|
107
107
|
`, children: _jsx("div", { className: 'relative', children: _jsx("h1", { className: badgeClass, children: formatValue(col.key, value) }) }) }, col.key));
|
|
108
|
-
}), menuItems && (_jsx("td", { className: 'shrink-0 w-16 flex flex-row justify-end p-2 px-4\n whitespace-nowrap text-right text-sm font-medium', children: _jsxs("div", { className: 'relative', children: [_jsx("button", { type: 'button', className: `p-1.5 rounded flex items-
|
|
108
|
+
}), menuItems && (_jsx("td", { className: 'shrink-0 w-16 flex flex-row items-center justify-end p-2 px-4\n whitespace-nowrap text-right text-sm font-medium', children: _jsxs("div", { className: 'relative', children: [_jsx("button", { type: 'button', className: `p-1.5 rounded flex items-center justify-center transition-colors ${buttonClass}`, onMouseDown: (e) => e.nativeEvent.stopImmediatePropagation(), onClick: (e) => {
|
|
109
109
|
e.stopPropagation();
|
|
110
110
|
const rect = e.currentTarget.getBoundingClientRect();
|
|
111
111
|
const coords = { top: rect.bottom + 4, right: window.innerWidth - rect.right };
|
|
@@ -35,6 +35,7 @@ export default function Header({ columns, hideMenu, variant = 'default' }) {
|
|
|
35
35
|
return (_jsx("th", { className: `
|
|
36
36
|
flex-1 px-6 py-3 text-xs font-medium uppercase tracking-wider text-left
|
|
37
37
|
${variant === 'default' ? 'text-login-200' : 'text-login-100'}
|
|
38
|
+
${variant === 'minimal' ? 'px-4!!' : ''}
|
|
38
39
|
`, children: _jsxs("button", { className: 'flex flex-row items-center gap-2 group uppercase', onClick: () => handleChange(key), children: [value, _jsx("span", { className: 'flex flex-col', children: column === key ? (order === 'asc' ? (_jsx(ChevronUp, { className: 'h-4 w-4' })) : (_jsx(ChevronDown, { className: 'h-4 w-4' }))) : (_jsx(ChevronUp, { className: 'h-4 w-4 stroke-login-200 opacity-0 group-hover:opacity-100' })) })] }) }, key));
|
|
39
40
|
}), !hideMenu && _jsx("th", { className: 'shrink-0 w-16 px-6 py-3' })] }) }));
|
|
40
41
|
}
|
package/dist/src/globals.css
CHANGED
|
@@ -1811,6 +1811,9 @@
|
|
|
1811
1811
|
.px-4 {
|
|
1812
1812
|
padding-inline: calc(var(--spacing) * 4);
|
|
1813
1813
|
}
|
|
1814
|
+
.px-4\! {
|
|
1815
|
+
padding-inline: calc(var(--spacing) * 4) !important;
|
|
1816
|
+
}
|
|
1814
1817
|
.px-6 {
|
|
1815
1818
|
padding-inline: calc(var(--spacing) * 6);
|
|
1816
1819
|
}
|
|
@@ -1823,6 +1826,9 @@
|
|
|
1823
1826
|
.py-2 {
|
|
1824
1827
|
padding-block: calc(var(--spacing) * 2);
|
|
1825
1828
|
}
|
|
1829
|
+
.py-2\! {
|
|
1830
|
+
padding-block: calc(var(--spacing) * 2) !important;
|
|
1831
|
+
}
|
|
1826
1832
|
.py-3 {
|
|
1827
1833
|
padding-block: calc(var(--spacing) * 3);
|
|
1828
1834
|
}
|
package/package.json
CHANGED
|
@@ -131,7 +131,7 @@ export default function Body({ list, columns, menuItems, redirectPath, variant =
|
|
|
131
131
|
key={col.key}
|
|
132
132
|
className={`
|
|
133
133
|
flex-1 px-6 py-4 whitespace-nowrap text-sm min-w-40 flex items-center text-login-100
|
|
134
|
-
${variant === 'minimal' ? 'py-
|
|
134
|
+
${variant === 'minimal' ? 'px-4! py-2!' : ''}
|
|
135
135
|
`}
|
|
136
136
|
>
|
|
137
137
|
<div className='relative'>
|
|
@@ -144,13 +144,13 @@ export default function Body({ list, columns, menuItems, redirectPath, variant =
|
|
|
144
144
|
})}
|
|
145
145
|
{menuItems && (
|
|
146
146
|
<td
|
|
147
|
-
className='shrink-0 w-16 flex flex-row justify-end p-2 px-4
|
|
147
|
+
className='shrink-0 w-16 flex flex-row items-center justify-end p-2 px-4
|
|
148
148
|
whitespace-nowrap text-right text-sm font-medium'
|
|
149
149
|
>
|
|
150
150
|
<div className='relative'>
|
|
151
151
|
<button
|
|
152
152
|
type='button'
|
|
153
|
-
className={`p-1.5 rounded flex items-
|
|
153
|
+
className={`p-1.5 rounded flex items-center justify-center transition-colors ${buttonClass}`}
|
|
154
154
|
onMouseDown={(e) => e.nativeEvent.stopImmediatePropagation()}
|
|
155
155
|
onClick={(e) => {
|
|
156
156
|
e.stopPropagation()
|
|
@@ -55,6 +55,7 @@ export default function Header({ columns, hideMenu, variant = 'default' }: Heade
|
|
|
55
55
|
className={`
|
|
56
56
|
flex-1 px-6 py-3 text-xs font-medium uppercase tracking-wider text-left
|
|
57
57
|
${variant === 'default' ? 'text-login-200' : 'text-login-100'}
|
|
58
|
+
${variant === 'minimal' ? 'px-4!!' : ''}
|
|
58
59
|
`}
|
|
59
60
|
>
|
|
60
61
|
<button
|