fix: add full width on Select files button (#7219)
🔧 (index.tsx): Add "w-full" class to the div element with data-testid "input-file-component" to ensure full width display ♻️ (index.tsx): Refactor the Button component class to include "w-full" for consistent styling across the application
This commit is contained in:
parent
35d62a033f
commit
fbe5666c81
1 changed files with 2 additions and 2 deletions
|
|
@ -246,7 +246,7 @@ export default function InputFileComponent({
|
||||||
isList={isList}
|
isList={isList}
|
||||||
>
|
>
|
||||||
{(selectedFiles.length === 0 || isList) && (
|
{(selectedFiles.length === 0 || isList) && (
|
||||||
<div data-testid="input-file-component">
|
<div data-testid="input-file-component" className="w-full">
|
||||||
<Button
|
<Button
|
||||||
disabled={isDisabled}
|
disabled={isDisabled}
|
||||||
variant={
|
variant={
|
||||||
|
|
@ -256,7 +256,7 @@ export default function InputFileComponent({
|
||||||
className={cn(
|
className={cn(
|
||||||
selectedFiles.length !== 0 &&
|
selectedFiles.length !== 0 &&
|
||||||
"hit-area-icon absolute -top-8 right-0",
|
"hit-area-icon absolute -top-8 right-0",
|
||||||
"font-semibold",
|
"w-full font-semibold",
|
||||||
)}
|
)}
|
||||||
data-testid="button_open_file_management"
|
data-testid="button_open_file_management"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue