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

adjustment: finalized popover positioning

Browse Source
This commit is contained in:
Sheen Capadngan
2024-04-26 03:25:34 +08:00
parent b79e61c86b
commit a20a60850b
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx
+4 -3
View File
@@ -314,12 +314,13 @@ export const InfisicalSecretInput = ({
/> />
</Popover.Trigger> </Popover.Trigger>
<Popover.Content <Popover.Content
align="start"
onOpenAutoFocus={(e) => e.preventDefault()} onOpenAutoFocus={(e) => e.preventDefault()}
className={twMerge( className={twMerge(
"relative top-3 z-[100] ml-4 overflow-hidden rounded-md border border-mineshaft-600 bg-mineshaft-900 font-inter text-bunker-100 shadow-md" "relative top-2 z-[100] overflow-hidden rounded-md border border-mineshaft-600 bg-mineshaft-900 font-inter text-bunker-100 shadow-md"
)} )}
style={{ style={{
width: "300px", width: "var(--radix-popover-trigger-width)",
maxHeight: "var(--radix-select-content-available-height)" maxHeight: "var(--radix-select-content-available-height)"
}} }}
> >
@@ -350,7 +351,7 @@ export const InfisicalSecretInput = ({
<div <div
className={`${ className={`${
highlightedIndex === i ? "bg-gray-600" : "" highlightedIndex === i ? "bg-gray-600" : ""
} text-md relative mb-0.5 flex w-full cursor-pointer select-none items-center justify-between rounded-md px-2 py-1 outline-none transition-all hover:bg-mineshaft-500 data-[highlighted]:bg-mineshaft-500`} } text-md relative mb-0.5 flex w-full cursor-pointer select-none items-center justify-between rounded-md px-2 py-2 outline-none transition-all hover:bg-mineshaft-500 data-[highlighted]:bg-mineshaft-500`}
> >
<div className="flex gap-2"> <div className="flex gap-2">
<div className="flex items-center text-yellow-700"> <div className="flex items-center text-yellow-700">