Fixed border on top of input when image is present
This commit is contained in:
parent
6726960b28
commit
82dead782d
2 changed files with 4 additions and 4 deletions
|
|
@ -42,8 +42,8 @@ const TextAreaWrapper = ({
|
||||||
|
|
||||||
const fileClass =
|
const fileClass =
|
||||||
files.length > 0
|
files.length > 0
|
||||||
? "rounded-b-lg rounded-t-none border-t-0 border-border focus:border-t-0 focus:border-ring"
|
? "rounded-b-lg ring-0 focus:ring-0 focus:border-2 rounded-t-none border-t-0 border-border focus:border-t-0 focus:border-ring"
|
||||||
: "rounded-md border-t-2 border-border focus:border-ring";
|
: "rounded-md border-t border-border focus:ring-0 focus:border-2 focus:border-ring";
|
||||||
|
|
||||||
const additionalClassNames = "form-modal-lockchat pl-14";
|
const additionalClassNames = "form-modal-lockchat pl-14";
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
export const getClassNamesFilePreview = (inputFocus) => {
|
export const getClassNamesFilePreview = (inputFocus) => {
|
||||||
return `transition-all duration-300 flex w-full items-center gap-4 rounded-t-lg bg-background px-14 py-5 overflow-auto custom-scroll ${
|
return `flex w-full items-center gap-4 rounded-t-lg bg-background px-14 py-5 overflow-auto custom-scroll ${
|
||||||
inputFocus
|
inputFocus
|
||||||
? "border-2 border-b-0 border-ring"
|
? "border border-b-0 border-ring border-2"
|
||||||
: "border border-b-0 border-border"
|
: "border border-b-0 border-border"
|
||||||
}`;
|
}`;
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue