Update folder structure for illustrations, make illustrations take al…

…l the available space
aragon · Sep 20, 2023 · bc4ee6f · bc4ee6f
1 parent 4b22476
commit bc4ee6f
Show file tree

Hide file tree

Showing 14 changed files with 213 additions and 213 deletions.
diff --git a/src/components/illustrationHuman/illustrationHumanList.ts b/src/components/illustrationHuman/illustrationHumanList.ts
diff --git a/src/components/illustrationObject/illustrationObjectList.ts b/src/components/illustrationObject/illustrationObjectList.ts
diff --git a/...rationHuman/illustrationHuman.stories.tsx → ...rationHuman/illustrationHuman.stories.tsx b/...rationHuman/illustrationHuman.stories.tsx → ...rationHuman/illustrationHuman.stories.tsx
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { IllustrationHuman } from './illustrationHuman';
 
 const meta: Meta<typeof IllustrationHuman> = {
-    title: 'components/IllustrationHuman',
+    title: 'components/Illustrations/IllustrationHuman',
     component: IllustrationHuman,
     tags: ['autodocs'],
 };

diff --git a/...s/illustrationHuman/illustrationHuman.tsx → ...s/illustrationHuman/illustrationHuman.tsx b/...s/illustrationHuman/illustrationHuman.tsx → ...s/illustrationHuman/illustrationHuman.tsx
@@ -38,8 +38,6 @@ export interface IIllustrationHumanProps extends HTMLAttributes<HTMLDivElement>
     accessory?: IllustrationHumanAccessory;
 }
 
-const illustrationHumanSize = 360;
-
 export const IllustrationHuman: React.FC<IIllustrationHumanProps> = (props) => {
     const { body, expression, hairs, sunglasses, accessory, className, style, ...otherProps } = props;
 
@@ -50,12 +48,12 @@ export const IllustrationHuman: React.FC<IIllustrationHumanProps> = (props) => {
     const Sunglasses = sunglasses ? illustrationHumanSunglassesList[sunglasses] : undefined;
     const Accessory = accessory ? illustrationHumanAccessoryList[accessory] : undefined;
 
-    const computedStyle = { width: illustrationHumanSize, height: illustrationHumanSize, ...style };
-    const commonProps = { width: illustrationHumanSize, height: illustrationHumanSize, className: 'absolute' };
+    const computedStyle = { width: '100%', height: '100%', ...style };
+    const commonProps = { className: 'absolute top-0 right-0' };
 
     return (
         <div className={classNames('relative', className)} style={computedStyle} {...otherProps}>
-            <Body {...commonProps} />
+            <Body />
             <Expression {...commonProps} />
             {Hairs && <Hairs {...commonProps} />}
             {Sunglasses && <Sunglasses {...commonProps} />}