diff --git a/src/components/ui/card/index.stories.tsx b/src/components/ui/card/index.stories.tsx
index 67ad27bb..f690cb63 100644
--- a/src/components/ui/card/index.stories.tsx
+++ b/src/components/ui/card/index.stories.tsx
@@ -65,7 +65,6 @@ export const Default: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={11111}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
),
@@ -85,7 +84,6 @@ export const WithLink: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={42}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
),
@@ -105,7 +103,6 @@ export const WithActions: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={42}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
),
@@ -126,7 +123,6 @@ export const WithLinkAndActions: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={42}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
),
@@ -150,7 +146,6 @@ export const variant: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={42}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
),
@@ -172,7 +167,6 @@ export const WithoutImage: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={42}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
@@ -183,7 +177,6 @@ export const WithoutImage: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={42}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
@@ -206,7 +199,6 @@ export const TestGrid: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={11111}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
@@ -216,7 +208,6 @@ export const TestGrid: Story = {
createdAt="2025-11-01T10:30:00Z"
likeCount={11111}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
@@ -227,7 +218,6 @@ export const TestGrid: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={11111}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
@@ -237,7 +227,6 @@ export const TestGrid: Story = {
createdAt="2025-11-11T10:30:00Z"
likeCount={11111}
commentCount={1234}
- image="/assets/images/img-test.jpeg"
/>
diff --git a/src/components/ui/card/index.styles.ts b/src/components/ui/card/index.styles.ts
index 738982f9..7fbb3578 100644
--- a/src/components/ui/card/index.styles.ts
+++ b/src/components/ui/card/index.styles.ts
@@ -41,7 +41,7 @@ export const CARD_CONTENT_STYLES = {
export const CARD_INFO_STYLES = {
wrapper: cva(
- "grid grid-cols-[auto_60px] gap-x-[12px] items-end justify-between tablet:grid-cols-[auto_130px]",
+ "grid grid-cols-[auto_60px] gap-x-[12px] items-end justify-between tablet:grid-cols-[auto_150px]",
{
variants: {
variant: {
@@ -66,7 +66,7 @@ export const CARD_INFO_STYLES = {
variant: "primary",
},
}),
- writer: cva("grid grid-cols-[30px_auto] items-center gap-x-[12px] pr-[12px]", {
+ writer: cva("pr-[12px]", {
variants: {
variant: {
primary: "order-2 tablet:order-1",
@@ -77,7 +77,6 @@ export const CARD_INFO_STYLES = {
variant: "primary",
},
}),
- avatar: cn("w-[32px] h-[32px]"),
nickname: cn("text-[12px] text-gray-100 line-clamp-1 break-words block", "tablet:text-[14px]"),
time: cva(
"text-[12px] text-gray-400 mb-[16px] block tablet:before:relative tablet:text-[14px] tablet:mb-0 tablet:before:content-[''] tablet:before:inline-block tablet:before:w-[1px] tablet:before:h-[12px] tablet:before:bg-gray-700 tablet:before:mr-[12px] tablet:before:top-[1px]",
diff --git a/src/components/ui/date-timepicker/single-datepicker.tsx b/src/components/ui/date-timepicker/single-datepicker.tsx
index dd59eddc..b137d0a3 100644
--- a/src/components/ui/date-timepicker/single-datepicker.tsx
+++ b/src/components/ui/date-timepicker/single-datepicker.tsx
@@ -4,6 +4,7 @@ import Datepicker from "react-datepicker";
import { useDatepickerDate } from "@/hooks";
import CustomHeader from "./custom-datepicker-header";
import { cuttingDayString, otherMonthIndicator } from "@/lib/utils";
+import { ko } from "date-fns/locale";
interface CustomSingleDatepickerProps {
startDate: Date | null;
@@ -29,6 +30,7 @@ export default function CustomSingleDatepicker({
onMonthChange={handleMonthChange}
dayClassName={date => otherMonthIndicator(date, currentMonth, currentYear)}
minDate={useMinDate ? new Date() : undefined}
+ locale={ko}
/>
);
}
diff --git a/src/components/ui/date-timepicker/timepicker.tsx b/src/components/ui/date-timepicker/timepicker.tsx
index 1a38a4c3..ea8d9ac3 100644
--- a/src/components/ui/date-timepicker/timepicker.tsx
+++ b/src/components/ui/date-timepicker/timepicker.tsx
@@ -3,7 +3,6 @@
import React, { useEffect, useRef, useState } from "react";
import Button from "../button/button";
import cn from "@/lib/cn";
-import { isEmpty } from "@/lib/utils";
const TIME_PERIOD = {
AM: "오전",
@@ -50,13 +49,12 @@ export default function CustomTimePicker({ selectedTime, onTimeChange }: CustomT
}, [selectedTime]);
const handleTimeClick = (index: number, newPeriod?: TimePeriod) => {
- if (isEmpty(newPeriod)) newPeriod = TIME_PERIOD.AM;
+ const currentPeriod = newPeriod || period;
setSelectedIndex(index);
const time = times[index];
let hour = time.hour % 12;
- if (newPeriod === TIME_PERIOD.PM) hour += 12;
- if (newPeriod === TIME_PERIOD.AM && hour === 12) hour = 0;
-
+ if (currentPeriod === TIME_PERIOD.PM) hour += 12;
+ if (currentPeriod === TIME_PERIOD.AM && hour === 12) hour = 0;
const newTime = new Date();
newTime.setHours(hour, time.minute, 0, 0);
onTimeChange(newTime);
@@ -79,6 +77,7 @@ export default function CustomTimePicker({ selectedTime, onTimeChange }: CustomT
)}
intent="primary"
onClick={() => handlePeriodChange(p)}
+ type="button"
>
{p}
@@ -97,6 +96,7 @@ export default function CustomTimePicker({ selectedTime, onTimeChange }: CustomT
? "font-semibold text-pink-500"
: "text-gray-300 hover:bg-gray-700",
)}
+ type="button"
>
{time.label}
diff --git a/src/components/ui/dropdown/trigger-select.tsx b/src/components/ui/dropdown/trigger-select.tsx
index 7dfb3ba2..026c9cea 100644
--- a/src/components/ui/dropdown/trigger-select.tsx
+++ b/src/components/ui/dropdown/trigger-select.tsx
@@ -20,6 +20,7 @@ export function TriggerSelect({
dropDownTriggerStyle({ size: ctx?.size, intent, className }),
ctx?.isOpen && "bg-gray-700",
)}
+ type="button"
>
{selectedLabel}
{isIcon && children}
diff --git a/src/components/ui/img-upload/index.tsx b/src/components/ui/img-upload/index.tsx
index 1d5c0cbd..a74297e4 100644
--- a/src/components/ui/img-upload/index.tsx
+++ b/src/components/ui/img-upload/index.tsx
@@ -95,7 +95,7 @@ export default function ImgUpload({ value, onChange, id, error }: ImgUploadProps
fill
className={IMG_UPLOAD_STYLES.image}
priority
- sizes="100vw"
+ sizes="100%"
/>