feat(travel): VideoTab 플레이스홀더 — 영상 탭 UI 셸

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-24 01:19:45 +09:00
parent 4655e9ab3b
commit f9495f0c30
2 changed files with 72 additions and 0 deletions

View File

@@ -0,0 +1,28 @@
/* ── VideoTab placeholder ── */
.video-tab {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 300px;
gap: 12px;
padding: 40px 20px;
}
.video-tab__icon {
color: var(--tv-dim);
}
.video-tab__title {
margin: 0;
font: 600 20px/1.3 var(--tv-serif);
color: var(--tv-text);
}
.video-tab__desc {
margin: 0;
font: 11px var(--tv-mono);
letter-spacing: 0.06em;
color: var(--tv-muted);
}

View File

@@ -0,0 +1,44 @@
import React from 'react';
import './VideoTab.css';
export default function VideoTab() {
return (
<div className="video-tab">
<svg
className="video-tab__icon"
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<rect
x="4"
y="10"
width="30"
height="28"
rx="4"
stroke="currentColor"
strokeWidth="2"
/>
<path
d="M34 18l10-6v24l-10-6V18z"
stroke="currentColor"
strokeWidth="2"
strokeLinejoin="round"
/>
<circle cx="19" cy="24" r="6" stroke="currentColor" strokeWidth="2" />
<path
d="M17 24l4-2.5v5L17 24z"
fill="currentColor"
/>
</svg>
<h2 className="video-tab__title">영상 기능 준비 </h2>
<p className="video-tab__desc">
여행 영상을 감상할 있는 기능이 추가됩니다.
</p>
</div>
);
}