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>
27 lines
663 B
TypeScript
27 lines
663 B
TypeScript
import clsx from 'clsx';
|
|
import { PropsWithChildren } from 'react';
|
|
|
|
interface Props {
|
|
title: string;
|
|
description?: string;
|
|
mini?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
export default ({ mini, ...props }: PropsWithChildren<Props>) => {
|
|
return (
|
|
<div className="flex flex-row">
|
|
<div className={clsx('flex w-full flex-col', !mini && 'pb-6', props.className)}>
|
|
<h3 className="mb-1 text-sm font-medium text-gray-700 dark:text-gray-100">
|
|
{props.title}
|
|
</h3>
|
|
{!!props.description && (
|
|
<p className="mb-2 text-sm text-gray-400 ">{props.description}</p>
|
|
)}
|
|
{!mini && props.children}
|
|
</div>
|
|
{mini && props.children}
|
|
</div>
|
|
);
|
|
};
|