Skip to content

C
canifa_note
Commit 506d2ed8 authored by Steven's avatar Steven
Browse files
Options

chore: tweak menu style

parent c3f381c8
Show whitespace changes
Inline Side-by-side
Showing with 3 additions and 3 deletions
web/src/components/MemoDisplaySettingMenu.tsx
View file @ 506d2ed8
...@@ -19,16 +19,16 @@ const MemoDisplaySettingMenu = ({ className }: Props) => { ...@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment