Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs(design-system): CSS 스타일 수정 및 스토리북 데이터 업데이트 #305

Open
wants to merge 7 commits into
base: develop
Choose a base branch
from
Open

Docs(design-system): CSS 스타일 수정 및 스토리북 데이터 업데이트 #305

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
10861b9
refactor: CSS 스타일 수정 및 스토리북 데이터 업데이트
gwagjiug Feb 10, 2025
006fbb4
fix: floating-button 위치를 sticky에서 absolute로 변경 및 스토리북 렌더링 개선
gwagjiug Feb 10, 2025
675ec4c
fix: 축제 카드 스토리의 제목 및 이미지 소스 업데이트
gwagjiug Feb 11, 2025
59c47a6
fix: PerformData 인터페이스 수정 및 스토리북 데이터 업데이트
gwagjiug Feb 11, 2025
a6e751e
fix: PerformData 인터페이스의 type 값을 대문자로 변경
gwagjiug Feb 11, 2025
1ee9a7a
fix: 스토리북에서 LikeButton의 렌더링을 개선하고 스타일을 추가
gwagjiug Feb 11, 2025
c16f1c3
fix: 성능 캐러셀 스토리의 모의 데이터 업데이트 및 페스티벌 정보 변경
gwagjiug Feb 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 9 additions & 3 deletions packages/design-system/src/components/artist-card/artist-card.css.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,9 +49,15 @@ export const artistName = recipe({
},
variants: {
size: {
sm: [themeVars.fontStyles.body4_m_13],
md: [themeVars.fontStyles.body2_m_15],
lg: [themeVars.fontStyles.body3_m_14],
sm: {
...themeVars.fontStyles.body4_m_13,
},
md: {
...themeVars.fontStyles.body2_m_15,
},
lg: {
...themeVars.fontStyles.body3_m_14,
},
},
},
});
21 changes: 12 additions & 9 deletions packages/design-system/src/components/artist-card/artist-card.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const meta: Meta<typeof ArtistCard> = {
},
decorators: [
(Story) => (
<div style={{ width: '375px' }}>
<div style={{ width: '100px' }}>
<Story />
</div>
),
Expand All @@ -24,26 +24,29 @@ type Story = StoryObj<typeof meta>;
export const Default: Story = {
args: {
artistId: '1',
title: '데이식스',
imageSrc: 'https://dummyimage.com/80X80',
size: 'lg',
title: '한로로',
imageSrc:
'https://i.scdn.co/image/ab6761610000f1786a50f39b95ce98a0e6bf5b21',
size: 'md',
},
};

export const Sm: Story = {
args: {
artistId: '1',
title: '데이식스',
imageSrc: 'https://dummyimage.com/80X80',
artistId: '2',
title: 'Coldplay',
imageSrc:
'https://i.scdn.co/image/ab6761610000f1781ba8fc5f5c73e7e9313cc6eb',
size: 'sm',
},
};

export const Md: Story = {
args: {
artistId: '1',
artistId: '3',
title: '데이식스',
imageSrc: 'https://dummyimage.com/80X80',
imageSrc:
'https://i.scdn.co/image/ab6761610000f17810e83b0ca558533d0f3c376c',
size: 'md',
},
};
Loading