ONAANDALL/frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 다크 모드 적용

Browse Source
This commit is contained in:
chanii8
2025-03-20 18:50:31 +09:00
parent 55ac57d73c
commit b8e0a8a878
13 changed files with 94 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/common/components/src/ui/loading/loading.stories.tsx
+4 -4
View File
@@ -11,7 +11,7 @@ type Story = StoryObj<typeof LoadingWithAnimation>;
export const Primary: Story = {
render: () => (
<div className="rounded-lg bg-secondary p-10 dark:bg-transparent">
<div className="[data-theme='black']:bg-transparent rounded-lg bg-secondary p-10">
<div className="relative size-[5rem]">
<LoadingWithAnimation color="primary" />
</div>
@@ -21,7 +21,7 @@ export const Primary: Story = {
export const Secondary: Story = {
render: () => (
<div className="rounded-lg bg-secondary p-10 dark:bg-transparent">
<div className="[data-theme='black']:bg-transparent rounded-lg bg-secondary p-10">
<div className="relative size-[5rem]">
<LoadingWithAnimation color="secondary" />
</div>
@@ -31,7 +31,7 @@ export const Secondary: Story = {
export const PrimaryWithImage: Story = {
render: () => (
<div className="rounded-lg bg-secondary p-10 dark:bg-transparent">
<div className="[data-theme='black']:bg-transparent rounded-lg bg-secondary p-10">
<div className="relative size-[5rem]">
<LoadingWithImage color="primary" />
</div>
@@ -41,7 +41,7 @@ export const PrimaryWithImage: Story = {
export const SecondaryWithImage: Story = {
render: () => (
<div className="rounded-lg bg-secondary p-10 dark:bg-transparent">
<div className="[data-theme='black']:bg-transparent rounded-lg bg-secondary p-10">
<div className="relative size-[5rem]">
<LoadingWithImage color="secondary" />
</div>