mirror of
https://github.com/spacedriveapp/spacedrive
synced 2024-07-08 07:12:49 +00:00
c65d92ee4c
* beginnings of app directory * settings mostly good * colocate way more components * flatten components folder * reexport QueryClientProvider from client * move CodeBlock back to interface * colocate Explorer, KeyManager + more * goddamn captialisation * get toasts out of components * please eslint * no more src directory * $ instead of : * added back RowHeader component * fix settings modal padding * more spacing, less margin * fix sidebar locations button * fix tags sidebar link * clean up back button * added margin to explorer context menu to prevent contact with edge of viewport * don't export QueryClientProvider from @sd/client * basic guidelines * import interface correctly * remove old demo data * fix onboarding layout * fix onboarding navigation * fix key manager settings button --------- Co-authored-by: Jamie Pine <ijamespine@me.com>
16 lines
480 B
TypeScript
16 lines
480 B
TypeScript
import { ReactComponent as Ellipsis } from '@sd/assets/svgs/ellipsis.svg';
|
|
import { Button, tw } from '@sd/ui';
|
|
|
|
export const SubtleButton = (props: { icon?: React.FC }) => {
|
|
const Icon = props.icon ?? Ellipsis;
|
|
|
|
return (
|
|
<Button className="!p-[5px]" variant="subtle">
|
|
{/* @ts-expect-error */}
|
|
<Icon weight="bold" className="h-3 w-3" />
|
|
</Button>
|
|
);
|
|
};
|
|
|
|
export const SubtleButtonContainer = tw.div`opacity-0 text-ink-faint group-hover:opacity-30 hover:!opacity-100`;
|