mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-21 06:59:17 -04:00
50442ede3e
* Make Prettier and ESLint work together - Resolve conflicts between Prettier and ESLint regarding indentation and Tailwind rules order - Add `.editorconfig` to standardize basic formatting options across tools and editors - Add `.gitattributes` to hide `pnpm-lock.yaml` in `git diff` output - Include EditorConfig in the recommended extensions for VSCode - Replace some instances of `pnpm exec <command>` with `pnpm <command>` - Remove superfluous Tauri config for Linux * Revert Prettier changes (it was working correctly before) - Update ESLint to read Tailwind config from absolute path - Remove redundant Prettier dependency from subprojects - Specify the source folder for the lint script in subprojects * use mobile's tailwind config with eslint * pnpm format + pnpm lint:fix --------- Co-authored-by: Utku Bakir <74243531+utkubakir@users.noreply.github.com>
20 lines
535 B
TypeScript
20 lines
535 B
TypeScript
import { PropsWithChildren } from 'react';
|
|
import { CategoryHeading } from '@sd/ui';
|
|
|
|
export default (
|
|
props: PropsWithChildren<{
|
|
name: string;
|
|
actionArea?: React.ReactNode;
|
|
}>
|
|
) => (
|
|
<div className="group mt-5">
|
|
<div className="mb-1 flex items-center justify-between">
|
|
<CategoryHeading className="ml-1">{props.name}</CategoryHeading>
|
|
<div className="text-ink-faint opacity-0 transition-all duration-300 hover:!opacity-100 group-hover:opacity-30">
|
|
{props.actionArea}
|
|
</div>
|
|
</div>
|
|
{props.children}
|
|
</div>
|
|
);
|