chore: tweak menu style

This commit is contained in:
Steven 2024-08-13 23:28:02 +08:00
parent c3f381c8c5
commit 506d2ed8ca

View File

@ -19,16 +19,16 @@ const MemoDisplaySettingMenu = ({ className }: Props) => {
> >
<Icon.Settings2 className="w-4 h-auto shrink-0" /> <Icon.Settings2 className="w-4 h-auto shrink-0" />
</PopoverTrigger> </PopoverTrigger>
<PopoverContent align="end" alignOffset={-12}> <PopoverContent align="end" alignOffset={-12} sideOffset={14}>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div className="w-full flex flex-row justify-between items-center"> <div className="w-full flex flex-row justify-between items-center">
<span className="text-sm shrink-0 mr-2">Order by</span> <span className="text-sm shrink-0 mr-3">Order by</span>
<Select value="displayTime"> <Select value="displayTime">
<Option value={"displayTime"}>Display Time</Option> <Option value={"displayTime"}>Display Time</Option>
</Select> </Select>
</div> </div>
<div className="w-full flex flex-row justify-between items-center"> <div className="w-full flex flex-row justify-between items-center">
<span className="text-sm shrink-0 mr-2">Direction</span> <span className="text-sm shrink-0 mr-3">Direction</span>
<Select value={memoFilterStore.orderByTimeAsc} onChange={(_, value) => memoFilterStore.setOrderByTimeAsc(Boolean(value))}> <Select value={memoFilterStore.orderByTimeAsc} onChange={(_, value) => memoFilterStore.setOrderByTimeAsc(Boolean(value))}>
<Option value={false}>DESC</Option> <Option value={false}>DESC</Option>
<Option value={true}>ASC</Option> <Option value={true}>ASC</Option>