diff --git a/src/frontend/src/screens/contractor/ContractorBoothDashboardPage.tsx b/src/frontend/src/screens/contractor/ContractorBoothDashboardPage.tsx index 1d12616..139d9c3 100644 --- a/src/frontend/src/screens/contractor/ContractorBoothDashboardPage.tsx +++ b/src/frontend/src/screens/contractor/ContractorBoothDashboardPage.tsx @@ -135,13 +135,13 @@ export function ContractorBoothDashboardPage() {

알림 피드

-
+
{data.feed.length === 0 ? ( -

새로운 알림이 없습니다.

+

새로운 알림이 없습니다.

) : ( data.feed.map((f) => ( -
- +
+ {f.tone === 'ok' ? ( ) : f.tone === 'warn' ? ( @@ -150,8 +150,8 @@ export function ContractorBoothDashboardPage() { )} -

{f.text}

-

{f.meta}

+

{f.text}

+

{f.meta}

)) )} diff --git a/src/frontend/src/screens/contractor/contractor.css b/src/frontend/src/screens/contractor/contractor.css index ec832e6..e615e61 100644 --- a/src/frontend/src/screens/contractor/contractor.css +++ b/src/frontend/src/screens/contractor/contractor.css @@ -255,13 +255,13 @@ } /* 알림 피드 타임라인 */ -.kx-feed { +.kx-confeed { position: relative; display: flex; flex-direction: column; gap: var(--space-4); } -.kx-feed::before { +.kx-confeed::before { content: ''; position: absolute; left: 11px; @@ -270,11 +270,11 @@ width: 2px; background: var(--color-neutral-200); } -.kx-feed__item { +.kx-confeed__item { position: relative; padding-left: 34px; } -.kx-feed__dot { +.kx-confeed__dot { position: absolute; left: 0; top: 0; @@ -285,23 +285,23 @@ align-items: center; justify-content: center; } -.kx-feed__dot--ok { +.kx-confeed__dot--ok { background: var(--color-primary-100); color: var(--color-primary-700); } -.kx-feed__dot--warn { +.kx-confeed__dot--warn { background: var(--color-error-bg); color: var(--color-error); } -.kx-feed__dot--info { +.kx-confeed__dot--info { background: var(--color-neutral-100); color: var(--color-neutral-700); } -.kx-feed__text { +.kx-confeed__text { font-size: var(--fs-body); color: var(--color-neutral-900); } -.kx-feed__meta { +.kx-confeed__meta { font-size: var(--fs-caption); color: var(--color-neutral-500); margin-top: 2px; diff --git a/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx b/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx index 4210afc..4e3e3d8 100644 --- a/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx +++ b/src/frontend/src/screens/schedule/ExhibitionSchedulePage.tsx @@ -334,15 +334,15 @@ function AsideMonthNav({ const year = cursor.getFullYear(); const month = cursor.getMonth(); return ( -
-
- {t('schedule.asideMonthPicker')} - {t('schedule.asideMonthPickerHint')} +
+
+ {t('schedule.asideMonthPicker')} + {t('schedule.asideMonthPickerHint')}
-
- +
+ {t('schedule.yearMonth', { y: year, m: month + 1 })} - +
); diff --git a/src/frontend/src/screens/schedule/schedule.css b/src/frontend/src/screens/schedule/schedule.css index 485a0b0..26acd49 100644 --- a/src/frontend/src/screens/schedule/schedule.css +++ b/src/frontend/src/screens/schedule/schedule.css @@ -158,7 +158,7 @@ } /* 미니 캘린더 */ -.kx-cal__role { +.kx-schedcal__role { display: flex; flex-direction: column; gap: 2px; @@ -166,18 +166,18 @@ margin-bottom: var(--space-2); border-bottom: 1px solid var(--color-neutral-100); } -.kx-cal__role-title { +.kx-schedcal__role-title { font-size: var(--fs-body); font-weight: var(--fw-semibold); color: var(--color-neutral-900); text-align: left; } -.kx-cal__role-hint { +.kx-schedcal__role-hint { font-size: var(--fs-caption); color: var(--color-neutral-500); text-align: left; } -.kx-cal__head { +.kx-schedcal__head { display: flex; align-items: center; justify-content: space-between; @@ -185,7 +185,7 @@ font-size: var(--fs-body); color: var(--color-neutral-900); } -.kx-cal__nav { +.kx-schedcal__nav { width: 28px; height: 28px; border: var(--border-card); @@ -195,21 +195,21 @@ font-size: var(--fs-h3); cursor: pointer; } -.kx-cal__nav:hover { +.kx-schedcal__nav:hover { background: var(--color-neutral-050); } -.kx-cal__grid { +.kx-schedcal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; } -.kx-cal__wd { +.kx-schedcal__wd { text-align: center; font-size: var(--fs-micro); color: var(--color-neutral-500); padding-bottom: 4px; } -.kx-cal__cell { +.kx-schedcal__cell { aspect-ratio: 1; display: flex; align-items: center; @@ -220,15 +220,15 @@ border-radius: var(--radius-sm); position: relative; } -.kx-cal__cell.is-empty { +.kx-schedcal__cell.is-empty { visibility: hidden; } -.kx-cal__cell.has-event { +.kx-schedcal__cell.has-event { background: var(--color-primary-050); color: var(--color-primary-700); font-weight: var(--fw-semibold); } -.kx-cal__cell.has-event::after { +.kx-schedcal__cell.has-event::after { content: ''; position: absolute; bottom: 3px; @@ -237,17 +237,17 @@ border-radius: 50%; background: var(--color-primary-600); } -.kx-cal__cell.is-holiday { +.kx-schedcal__cell.is-holiday { color: var(--color-error); font-weight: var(--fw-bold); } /* today — 진남색 알약 제거 → Nifty식 옅은 노랑 틴트 + 진한 숫자(회색 테두리 유지). */ -.kx-cal__cell.is-today { +.kx-schedcal__cell.is-today { background: var(--color-warning-bg); color: var(--color-primary-700); font-weight: var(--fw-bold); } -.kx-cal__cell.is-today.has-event::after { +.kx-schedcal__cell.is-today.has-event::after { background: var(--color-primary-600); } diff --git a/src/frontend/src/screens/visitor/VisitorAccountPage.tsx b/src/frontend/src/screens/visitor/VisitorAccountPage.tsx index 8b503ff..00e434d 100644 --- a/src/frontend/src/screens/visitor/VisitorAccountPage.tsx +++ b/src/frontend/src/screens/visitor/VisitorAccountPage.tsx @@ -352,9 +352,9 @@ function FeedSection() { return (
    {items.map((f) => ( -
  • - {f.itemType === 'EVENT' ? '행사' : '부스'} -
    +
  • + {f.itemType === 'EVENT' ? '행사' : '부스'} +
    {f.itemTitle} {f.itemSub && {f.itemSub}}
    diff --git a/src/frontend/src/screens/visitor/account.css b/src/frontend/src/screens/visitor/account.css index 50e82ab..11cf000 100644 --- a/src/frontend/src/screens/visitor/account.css +++ b/src/frontend/src/screens/visitor/account.css @@ -120,14 +120,14 @@ /* 피드 */ .kx-acct__feed { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); } -.kx-feed { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); } -.kx-feed__type { font-size: var(--fs-nano); font-weight: var(--fw-semibold); padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill); } -.kx-feed__type.is-event { background: var(--color-primary-050); color: var(--color-primary-700); } -.kx-feed__type.is-booth { background: var(--color-neutral-100); color: var(--color-neutral-700); } -.kx-feed__info { display: grid; gap: 2px; flex: 1; } -.kx-feed__info b { font-size: var(--fs-body); color: var(--color-neutral-900); } -.kx-feed__info span { font-size: var(--fs-caption); color: var(--color-text-muted); } -.kx-feed time { font-size: var(--fs-nano); color: var(--color-text-muted); } +.kx-accfeed { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); } +.kx-accfeed__type { font-size: var(--fs-nano); font-weight: var(--fw-semibold); padding: var(--space-1) var(--space-2); border-radius: var(--radius-pill); } +.kx-accfeed__type.is-event { background: var(--color-primary-050); color: var(--color-primary-700); } +.kx-accfeed__type.is-booth { background: var(--color-neutral-100); color: var(--color-neutral-700); } +.kx-accfeed__info { display: grid; gap: 2px; flex: 1; } +.kx-accfeed__info b { font-size: var(--fs-body); color: var(--color-neutral-900); } +.kx-accfeed__info span { font-size: var(--fs-caption); color: var(--color-text-muted); } +.kx-accfeed time { font-size: var(--fs-nano); color: var(--color-text-muted); } /* 알림 */ .kx-acct__alerts { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }