mirror of
https://github.com/zadam/trilium.git
synced 2025-11-11 07:45:51 +01:00
fix(react): alignment and size of search/bulk action buttons
This commit is contained in:
30
apps/client/src/widgets/react/HelpRemoveButtons.tsx
Normal file
30
apps/client/src/widgets/react/HelpRemoveButtons.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import type { ComponentChildren } from "preact";
|
||||
import ActionButton from "./ActionButton";
|
||||
import Dropdown from "./Dropdown";
|
||||
|
||||
interface HelpRemoveButtonsProps {
|
||||
help?: ComponentChildren;
|
||||
removeText?: string;
|
||||
onRemove?: () => void;
|
||||
}
|
||||
|
||||
export default function HelpRemoveButtons({ help, removeText, onRemove }: HelpRemoveButtonsProps) {
|
||||
return (
|
||||
<td className="button-column">
|
||||
{help && <>
|
||||
<Dropdown
|
||||
className="help-dropdown"
|
||||
buttonClassName="bx bx-help-circle icon-action"
|
||||
hideToggleArrow
|
||||
>{help}</Dropdown>
|
||||
{" "}
|
||||
</>}
|
||||
<ActionButton
|
||||
icon="bx bx-x"
|
||||
className="search-option-del"
|
||||
text={removeText ?? ""}
|
||||
onClick={onRemove}
|
||||
/>
|
||||
</td>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user