feat: adjust buttons position

This commit is contained in:
Steven
2023-07-27 22:21:18 +08:00
parent b6839d2b7d
commit cee6c7c401
5 changed files with 13 additions and 12 deletions

View File

@@ -22,7 +22,7 @@ const FilterView = () => {
onClick={() => viewStore.setFilter({ tag: undefined })}
>
<Icon.Tag className="w-4 h-auto mr-1" />
<span className="max-w-[12rem] truncate">#{filter.tag}</span>
<span className="max-w-[8rem] truncate">#{filter.tag}</span>
<Icon.X className="w-4 h-auto ml-1" />
</button>
)}

View File

@@ -36,7 +36,7 @@ const Navigator = () => {
variant={currentTab === `tag:${tag}` ? "solid" : "plain"}
color="neutral"
size="sm"
onClick={() => viewStore.setFilter({ tab: `tag:${tag}` })}
onClick={() => viewStore.setFilter({ tab: `tag:${tag}`, tag: undefined })}
>
<Icon.Hash className="w-4 h-auto mr-1" />
<span className="max-w-[8rem] truncate font-normal">{tag}</span>

View File

@@ -17,10 +17,11 @@ const OrderSetting = () => {
return (
<Dropdown
trigger={
<button className="p-1 mr-2">
<button className="p-1">
<Icon.ListFilter className="w-5 h-auto text-gray-500" />
</button>
}
actionsClassName="right-10 translate-x-full"
actions={
<div className="w-52 p-2 pt-0 gap-2 flex flex-col justify-start items-start" onClick={(e) => e.stopPropagation()}>
<div className="w-full flex flex-row justify-between items-center mt-1">

View File

@@ -135,7 +135,7 @@ const ShortcutView = (props: Props) => {
return (
<span
key={tag}
className="max-w-xs truncate text-gray-400 text-sm font-mono leading-4 cursor-pointer hover:text-gray-600"
className="max-w-[8rem] truncate text-gray-400 text-sm font-mono leading-4 cursor-pointer hover:text-gray-600"
onClick={() => viewStore.setFilter({ tag: tag })}
>
#{tag}