rsp2k/headplane
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: begin redesign and component unification

Browse source
This commit is contained in:
Aarnav Tale 2025-01-19 15:24:03 +00:00
parent ed0cdbdf4d
commit ec36876b9f
No known key found for this signature in database
10 changed files with 124 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

30
app/components/Card.tsx
View file

@ -1,37 +1,31 @@
import type { HTMLProps } from 'react';
import { Heading as AriaHeading } from 'react-aria-components';
import React from 'react';
import Title from '~/components/Title';
import { cn } from '~/utils/cn';
function Title(props: Parameters<typeof AriaHeading>[0]) {
return (
<AriaHeading
{...props}
slot="title"
className={cn('text-lg font-semibold leading-6 mb-5', props.className)}
/>
);
}
function Text(props: React.HTMLProps<HTMLParagraphElement>) {
return (
<p {...props} className={cn('text-base leading-6 my-0', props.className)} />
);
}
type Props = HTMLProps<HTMLDivElement> & {
type Props = React.HTMLProps<HTMLDivElement> & {
variant?: 'raised' | 'flat';
};
function Card(props: Props) {
interface Props extends React.HTMLProps<HTMLDivElement> {
variant?: 'raised' | 'flat';
}
function Card({ variant = 'raised', ...props }: Props) {
return (
<div
{...props}
className={cn(
'w-full max-w-md overflow-hidden rounded-xl p-4',
props.variant === 'flat'
'w-full max-w-md overflow-hidden rounded-3xl p-5',
variant === 'flat'
? 'bg-transparent shadow-none'
: 'bg-ui-50 dark:bg-ui-900 shadow-sm',
'border border-ui-200 dark:border-ui-700',
: 'bg-headplane-50/50 dark:bg-headplane-950/50 shadow-sm',
'border border-headplane-100 dark:border-headplane-800',
props.className,
)}
>