cerc-io/snowballtools-base-mirror
16
0
Fork 0
mirror of https://github.com/snowball-tools/snowballtools-base.git synced 2024-12-22 20:47:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎨 style: make the input width to full

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-02-29 10:44:45 +07:00
parent e0c5895e9c
commit 6db5871868
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/src/components/shared/Input/Input.theme.ts
View File

@ -8,6 +8,8 @@ export const inputTheme = tv(
'items-center',
'rounded-lg',
'relative',
'gap-2',
'w-full',
'placeholder:text-elements-disabled',
'disabled:cursor-not-allowed',
'disabled:bg-controls-disabled',
@ -27,7 +29,7 @@ export const inputTheme = tv(
'disabled:shadow-none',
'disabled:border-none',
],
icon: ['text-elements-mid-em'],
icon: ['text-elements-low-em'],
iconContainer: [
'absolute',
'inset-y-0',

4
packages/frontend/src/components/shared/Input/Input.tsx
View File

@ -87,12 +87,12 @@ export const Input = ({
);
return (
<div className="space-y-2">
<div className="flex flex-col gap-2 w-full">
{renderLabels}
<div className={containerCls({ class: className })}>
{leftIcon && renderLeftIcon}
<input
className={cn(inputCls({ class: 'w-80' }), {
className={cn(inputCls(), {
'pl-10': leftIcon,
})}
{...props}