awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-09 18:28:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: layout gap increment on new lines

Browse Source
This commit is contained in:
Salman
2024-03-14 06:01:02 +05:30
parent 2f932ad103
commit 126e385046
1 changed files with 35 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/v2/SecretInput/SecretInput.tsx
+6 -4
View File
@@ -67,7 +67,7 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
const [isSecretFocused, setIsSecretFocused] = useToggle(); const [isSecretFocused, setIsSecretFocused] = useToggle();
return ( return (
// <> <div>
<div <div
className={twMerge("w-full overflow-auto rounded-md no-scrollbar", containerClassName)} className={twMerge("w-full overflow-auto rounded-md no-scrollbar", containerClassName)}
style={{ maxHeight: `${21 * 7}px` }} style={{ maxHeight: `${21 * 7}px` }}
@@ -98,9 +98,10 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
readOnly={isReadOnly} readOnly={isReadOnly}
/> />
</div> </div>
</div>
<div className="absolute z-10 w-60 rounded-md border border-mineshaft-600 bg-mineshaft-700 text-sm text-bunker-200"> {isSecretFocused && (
<div className="z-10 h-full w-60 flex-col items-center justify-center rounded-md py-4 text-white"> <div className="absolute z-10 mt-2 w-60 rounded-md border border-mineshaft-600 bg-mineshaft-700 text-sm text-bunker-200">
<div className="h-full w-full flex-col items-center justify-center rounded-md py-4 text-white">
{[ {[
{ name: "SECRET NAME", type: "secret" }, { name: "SECRET NAME", type: "secret" },
{ name: "Folder", type: "folder" }, { name: "Folder", type: "folder" },
@@ -152,6 +153,7 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
})} })}
</div> </div>
</div> </div>
)}
</div> </div>
); );
} }