mirror of
https://github.com/awatertrevi/infisical.git
synced 2026-10-06 21:27:10 +00:00
improvements: adjust secret search padding when no clear icon and fix access approval reviewer tooltips
This commit is contained in:
+9
-2
@@ -52,8 +52,15 @@ export const SecretSearchInput = ({
|
|||||||
if (activeIndex === 0 && e.key === "Enter") setIsOpen(true);
|
if (activeIndex === 0 && e.key === "Enter") setIsOpen(true);
|
||||||
}}
|
}}
|
||||||
autoComplete="off"
|
autoComplete="off"
|
||||||
className="input text-md h-[2.3rem] w-full rounded-md rounded-l-none bg-mineshaft-800 py-[0.375rem] pl-2.5 pr-8 text-gray-400 placeholder-mineshaft-50 placeholder-opacity-50 outline-none duration-200 placeholder:text-sm hover:ring-bunker-400/60 focus:bg-mineshaft-700/80 focus:ring-1 focus:ring-primary-400/50"
|
className={twMerge(
|
||||||
placeholder="Search by secret, folder, tag or metadata..."
|
"input text-md h-[2.3rem] w-full rounded-md rounded-l-none bg-mineshaft-800 py-[0.375rem] pl-2.5 text-gray-400 placeholder-mineshaft-50 placeholder-opacity-50 outline-none duration-200 placeholder:text-sm hover:ring-bunker-400/60 focus:bg-mineshaft-700/80 focus:ring-1 focus:ring-primary-400/50",
|
||||||
|
hasSearch ? "pr-8" : "pr-2.5"
|
||||||
|
)}
|
||||||
|
placeholder={
|
||||||
|
isSingleEnv
|
||||||
|
? "Search by secret, folder, tag or metadata..."
|
||||||
|
: "Search by secret or folder name..."
|
||||||
|
}
|
||||||
value={value}
|
value={value}
|
||||||
onChange={(e) => onChange(e.target.value)}
|
onChange={(e) => onChange(e.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|||||||
+14
-10
@@ -538,16 +538,20 @@ export const SecretApprovalRequestChanges = ({
|
|||||||
className="flex flex-nowrap items-center justify-between space-x-2 rounded border border-mineshaft-600 bg-mineshaft-800 px-2 py-1"
|
className="flex flex-nowrap items-center justify-between space-x-2 rounded border border-mineshaft-600 bg-mineshaft-800 px-2 py-1"
|
||||||
key={`required-approver-${requiredApprover.userId}`}
|
key={`required-approver-${requiredApprover.userId}`}
|
||||||
>
|
>
|
||||||
<div className="flex text-sm">
|
<Tooltip
|
||||||
<Tooltip
|
content={
|
||||||
content={`${requiredApprover.firstName || ""} ${
|
requiredApprover.firstName
|
||||||
requiredApprover.lastName || ""
|
? `${requiredApprover.firstName || ""} ${requiredApprover.lastName || ""}`
|
||||||
}`}
|
: undefined
|
||||||
>
|
}
|
||||||
<span>{requiredApprover?.email}</span>
|
position="left"
|
||||||
</Tooltip>
|
sideOffset={10}
|
||||||
<span className="text-red">*</span>
|
>
|
||||||
</div>
|
<div className="flex text-sm">
|
||||||
|
<div>{requiredApprover?.email}</div>
|
||||||
|
<span className="text-red">*</span>
|
||||||
|
</div>
|
||||||
|
</Tooltip>
|
||||||
<div>
|
<div>
|
||||||
{reviewer?.comment && (
|
{reviewer?.comment && (
|
||||||
<Tooltip className="max-w-lg break-words" content={reviewer.comment}>
|
<Tooltip className="max-w-lg break-words" content={reviewer.comment}>
|
||||||
|
|||||||
Reference in New Issue
Block a user