jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Edit Prompt modal and other generic modals spacing fixed

Browse source
This commit is contained in:
Lucas Oliveira 2023-07-11 21:06:35 -03:00
commit aba0ed40da
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/constants.tsx
View file

@ -557,4 +557,4 @@ export const USER_PROJECTS_HEADER = "My Collection";
* *
*/ */
export const HIGHLIGHT_CSS = export const HIGHLIGHT_CSS =
"block pl-3 pr-14 py-2 w-full h-full text-sm outline-0 border-0 break-all overflow-y-hidden max-w-[75vw]"; "block px-3 py-2 w-full h-full text-sm outline-0 border-0 break-all overflow-y-hidden";

8
src/frontend/src/modals/genericModal/index.tsx
View file

@ -197,13 +197,13 @@ export default function GenericModal({
<div <div
className={classNames( className={classNames(
!isEdit ? "rounded-lg border" : "", !isEdit ? "rounded-lg border" : "",
"flex h-[55vh] w-full" "mt-2 flex h-[55vh] w-full"
)} )}
> >
{type === TypeModal.PROMPT && isEdit ? ( {type === TypeModal.PROMPT && isEdit ? (
<Textarea <Textarea
ref={ref} ref={ref}
className="form-input h-full w-full rounded-lg border-gray-300 custom-scroll focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white" className="form-input h-full w-full rounded-lg custom-scroll focus-visible:ring-1"
value={inputValue} value={inputValue}
onBlur={() => { onBlur={() => {
setIsEdit(false); setIsEdit(false);
@ -220,7 +220,7 @@ export default function GenericModal({
) : type !== TypeModal.PROMPT ? ( ) : type !== TypeModal.PROMPT ? (
<Textarea <Textarea
ref={ref} ref={ref}
className="form-input h-full w-full rounded-lg border-gray-300 focus-visible:ring-1 dark:border-gray-700 dark:bg-gray-900 dark:text-white" className="form-input h-full w-full rounded-lg focus-visible:ring-1"
value={inputValue} value={inputValue}
onChange={(e) => { onChange={(e) => {
setInputValue(e.target.value); setInputValue(e.target.value);
@ -234,7 +234,7 @@ export default function GenericModal({
{type === TypeModal.PROMPT && ( {type === TypeModal.PROMPT && (
<> <>
<div className="sm:6/6 mr-28 mt-3 h-[60px] overflow-y-auto custom-scroll"> <div className="sm:6/6 mr-28 mt-3 max-h-20 overflow-y-auto custom-scroll">
<div className="flex flex-wrap items-center"> <div className="flex flex-wrap items-center">
<Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable> <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
<span className="text-md font-semibold text-primary"> <span className="text-md font-semibold text-primary">