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

improvement: update styling and overflow for audit log filter

Browse Source
This commit is contained in:
Scott Wilson
2025-08-06 15:17:55 -07:00
parent 59cffe8cfb
commit 50e40e8bcf
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/organization/AuditLogsPage/components/LogsFilter.tsx
+5 -3
View File
@@ -119,7 +119,7 @@ export const LogsFilter = ({ presets, setFilter, filter, project }: Props) => {
)} )}
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="end" className="mt-4 py-4"> <DropdownMenuContent align="end" className="mt-4 overflow-visible py-4">
<form onSubmit={handleSubmit(setFilter)}> <form onSubmit={handleSubmit(setFilter)}>
<div className="flex min-w-64 flex-col font-inter"> <div className="flex min-w-64 flex-col font-inter">
<div className="mb-3 flex items-center border-b border-b-mineshaft-500 px-3 pb-2"> <div className="mb-3 flex items-center border-b border-b-mineshaft-500 px-3 pb-2">
@@ -176,7 +176,8 @@ export const LogsFilter = ({ presets, setFilter, filter, project }: Props) => {
</div> </div>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent <DropdownMenuContent
align="start" align="end"
sideOffset={2}
className="thin-scrollbar z-[100] max-h-80 overflow-hidden" className="thin-scrollbar z-[100] max-h-80 overflow-hidden"
> >
<div className="max-h-80 overflow-y-auto"> <div className="max-h-80 overflow-y-auto">
@@ -258,6 +259,7 @@ export const LogsFilter = ({ presets, setFilter, filter, project }: Props) => {
else setValue("userAgentType", e as UserAgentType, { shouldDirty: true }); else setValue("userAgentType", e as UserAgentType, { shouldDirty: true });
}} }}
className={twMerge("w-full border border-mineshaft-500 bg-mineshaft-700")} className={twMerge("w-full border border-mineshaft-500 bg-mineshaft-700")}
position="popper"
> >
<SelectItem value="all" key="all"> <SelectItem value="all" key="all">
All sources All sources
@@ -319,7 +321,6 @@ export const LogsFilter = ({ presets, setFilter, filter, project }: Props) => {
<AnimatePresence initial={false}> <AnimatePresence initial={false}>
{showSecretsSection && ( {showSecretsSection && (
<motion.div <motion.div
className="overflow-hidden"
initial={{ opacity: 0, height: 0 }} initial={{ opacity: 0, height: 0 }}
animate={{ opacity: 1, height: "auto" }} animate={{ opacity: 1, height: "auto" }}
exit={{ opacity: 0, height: 0 }} exit={{ opacity: 0, height: 0 }}
@@ -352,6 +353,7 @@ export const LogsFilter = ({ presets, setFilter, filter, project }: Props) => {
> >
<FilterableSelect <FilterableSelect
value={value} value={value}
menuPlacement="top"
key={value?.name || "filter-environment"} key={value?.name || "filter-environment"}
isClearable isClearable
isDisabled={!selectedProject} isDisabled={!selectedProject}