Compare commits

...
4 changed files with 7 additions and 6 deletions

No files matched your search

@@ -370,6 +370,7 @@ export default function FindingsPage() {
query,
sort,
assetScope: activeAssetScope ?? undefined,
...dateRange,
},
true,
);
+3 -3
View File
@@ -104,7 +104,7 @@ export function FindingDateFilter({
<span className="truncate">{label}</span>
</Button>
</PopoverTrigger>
<PopoverContent align="start" className="w-80 p-4">
<PopoverContent align="start" className="w-[26rem] max-w-[calc(100vw-2rem)] p-4">
<div className="mb-3">
<p className="font-medium">按发现时间筛选</p>
<p className="text-muted-foreground text-xs">选择年月日和时分,范围包含起止时刻。</p>
@@ -112,14 +112,14 @@ export function FindingDateFilter({
<div className="space-y-3">
<div className="grid gap-1.5 text-xs font-medium">
<span>开始时间</span>
<div className="grid grid-cols-[1fr_8.5rem] gap-2">
<div className="grid grid-cols-[minmax(0,1fr)_9.25rem] items-center gap-2">
<DateField value={fromDate} onChange={(value) => apply({ fromDate: value })} label="开始日期" />
<TimeSelect value={fromTime} onValueChange={(value) => apply({ fromTime: value })} aria-label="开始时分" />
</div>
</div>
<div className="grid gap-1.5 text-xs font-medium">
<span>结束时间</span>
<div className="grid grid-cols-[1fr_8.5rem] gap-2">
<div className="grid grid-cols-[minmax(0,1fr)_9.25rem] items-center gap-2">
<DateField value={toDate} onChange={(value) => apply({ toDate: value })} label="结束日期" />
<TimeSelect value={toTime} onValueChange={(value) => apply({ toTime: value })} aria-label="结束时分" />
</div>
@@ -102,7 +102,7 @@ export function RepeaterTextPane({
<div
ref={syntax}
aria-hidden="true"
className="pointer-events-none absolute inset-y-0 right-0 left-12 overflow-hidden px-3 py-2 font-mono text-xs leading-5"
className="pointer-events-none absolute inset-y-0 right-0 left-12 z-20 overflow-hidden px-3 py-2 font-mono text-xs leading-5 text-foreground"
>
<HttpPacketSyntax
raw={value}
+2 -2
View File
@@ -65,7 +65,7 @@ function TimePart({
}}
>
<ComboboxInput
className="h-10 min-w-0"
className="h-10 w-16 min-w-16 shrink-0"
placeholder={placeholder}
aria-label={ariaLabel}
inputMode="numeric"
@@ -107,7 +107,7 @@ export function TimeSelect({
const updateMinute = (minute: string) => onValueChange(`${selected.hour ?? "00"}:${minute}`);
return (
<div className="flex min-w-0 items-center gap-1" title={optional && !hasValue ? placeholder : undefined}>
<div className="flex w-[9.25rem] min-w-0 items-center gap-1.5" title={optional && !hasValue ? placeholder : undefined}>
<TimePart
value={selected.hour}
items={hours}