mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-03-14 23:20:01 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add outline style to upload card

Browse source
This commit is contained in:
Ajay Bura 2024-12-14 20:52:56 +05:30
parent c43bbeaa92
commit c34c3e39a3
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/components/upload-card/UploadCard.css.ts
View file

@ -7,9 +7,16 @@ export const UploadCard = recipe({
padding: config.space.S300,
backgroundColor: color.SurfaceVariant.Container,
color: color.SurfaceVariant.OnContainer,
borderColor: color.SurfaceVariant.ContainerLine,
},
variants: {
radii: RadiiVariant,
outlined: {
true: {
borderStyle: 'solid',
borderWidth: config.borderWidth.B300,
},
},
},
defaultVariants: {
radii: '400',

4
src/app/components/upload-card/UploadCard.tsx
View file

@ -12,8 +12,8 @@ type UploadCardProps = {
};
export const UploadCard = forwardRef<HTMLDivElement, UploadCardProps & css.UploadCardVariant>(
({ before, after, children, bottom, radii }, ref) => (
<Box className={css.UploadCard({ radii })} direction="Column" gap="200" ref={ref}>
({ before, after, children, bottom, radii, outlined }, ref) => (
<Box className={css.UploadCard({ radii, outlined })} direction="Column" gap="200" ref={ref}>
<Box alignItems="Center" gap="200">
{before}
<Box alignItems="Center" grow="Yes" gap="200">