style(aerial): 위성 요청 헤더/탭/새요청 높이 통일 + 상단 마진 축소
- 전체 요소 높이 h-7(28px)로 통일 - 상단 패딩 py-2→pt-1, 아이콘 w-8→w-7, 텍스트 13px→12px - 탭 버튼 py-1.5→h-full, 새요청 py-2→h-7 - 헤더 하단 마진 mb-2 유지 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
부모
0549fb879f
커밋
39277c1c02
@ -192,17 +192,17 @@ export function SatelliteRequest() {
|
|||||||
const bsInputStyle = { border: '1px solid #21262d', background: '#161b22', color: '#e2e8f0' }
|
const bsInputStyle = { border: '1px solid #21262d', background: '#161b22', color: '#e2e8f0' }
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="overflow-y-auto py-2 px-6" style={{ height: mainTab === 'map' ? '100%' : undefined }}>
|
<div className="overflow-y-auto px-6 pt-1 pb-2" style={{ height: mainTab === 'map' ? '100%' : undefined }}>
|
||||||
{/* 헤더 + 탭 + 새요청 한 줄 */}
|
{/* 헤더 + 탭 + 새요청 한 줄 (높이 통일) */}
|
||||||
<div className="flex items-center gap-4 mb-2">
|
<div className="flex items-center gap-3 mb-2 h-9">
|
||||||
<div className="flex items-center gap-2.5 shrink-0">
|
<div className="flex items-center gap-2 shrink-0">
|
||||||
<div className="w-8 h-8 rounded-lg flex items-center justify-center text-base" style={{ background: 'linear-gradient(135deg,rgba(59,130,246,.2),rgba(168,85,247,.2))', border: '1px solid rgba(59,130,246,.3)' }}>🛰</div>
|
<div className="w-7 h-7 rounded-md flex items-center justify-center text-sm" style={{ background: 'linear-gradient(135deg,rgba(59,130,246,.2),rgba(168,85,247,.2))', border: '1px solid rgba(59,130,246,.3)' }}>🛰</div>
|
||||||
<div className="text-[13px] font-bold font-korean text-text-1">위성 촬영 요청</div>
|
<div className="text-[12px] font-bold font-korean text-text-1">위성 촬영 요청</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex gap-1.5">
|
<div className="flex gap-1 h-7">
|
||||||
<button
|
<button
|
||||||
onClick={() => setMainTab('list')}
|
onClick={() => setMainTab('list')}
|
||||||
className="px-3 py-1.5 rounded text-[10px] font-bold font-korean cursor-pointer border transition-colors"
|
className="px-2.5 h-full rounded text-[10px] font-bold font-korean cursor-pointer border transition-colors"
|
||||||
style={mainTab === 'list'
|
style={mainTab === 'list'
|
||||||
? { background: 'rgba(59,130,246,.12)', borderColor: 'rgba(59,130,246,.3)', color: 'var(--blue)' }
|
? { background: 'rgba(59,130,246,.12)', borderColor: 'rgba(59,130,246,.3)', color: 'var(--blue)' }
|
||||||
: { background: 'var(--bg3)', borderColor: 'var(--bd)', color: 'var(--t3)' }
|
: { background: 'var(--bg3)', borderColor: 'var(--bd)', color: 'var(--t3)' }
|
||||||
@ -210,14 +210,14 @@ export function SatelliteRequest() {
|
|||||||
>📋 요청 목록</button>
|
>📋 요청 목록</button>
|
||||||
<button
|
<button
|
||||||
onClick={() => setMainTab('map')}
|
onClick={() => setMainTab('map')}
|
||||||
className="px-3 py-1.5 rounded text-[10px] font-bold font-korean cursor-pointer border transition-colors"
|
className="px-2.5 h-full rounded text-[10px] font-bold font-korean cursor-pointer border transition-colors"
|
||||||
style={mainTab === 'map'
|
style={mainTab === 'map'
|
||||||
? { background: 'rgba(59,130,246,.12)', borderColor: 'rgba(59,130,246,.3)', color: 'var(--blue)' }
|
? { background: 'rgba(59,130,246,.12)', borderColor: 'rgba(59,130,246,.3)', color: 'var(--blue)' }
|
||||||
: { background: 'var(--bg3)', borderColor: 'var(--bd)', color: 'var(--t3)' }
|
: { background: 'var(--bg3)', borderColor: 'var(--bd)', color: 'var(--t3)' }
|
||||||
}
|
}
|
||||||
>🗺 히스토리 지도</button>
|
>🗺 히스토리 지도</button>
|
||||||
</div>
|
</div>
|
||||||
<button onClick={() => setModalPhase('provider')} className="ml-auto px-4 py-2 text-white border-none rounded-sm text-[11px] font-semibold cursor-pointer font-korean flex items-center gap-1.5 shrink-0" style={{ background: 'linear-gradient(135deg,var(--blue),var(--purple))' }}>🛰 새 요청</button>
|
<button onClick={() => setModalPhase('provider')} className="ml-auto px-3 h-7 text-white border-none rounded-sm text-[10px] font-semibold cursor-pointer font-korean flex items-center gap-1 shrink-0" style={{ background: 'linear-gradient(135deg,var(--blue),var(--purple))' }}>🛰 새 요청</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{mainTab === 'list' && (<>
|
{mainTab === 'list' && (<>
|
||||||
|
|||||||
불러오는 중...
Reference in New Issue
Block a user