fix: 지도 호출부별 선택 동작을 분리

메인 지도는 선택 테두리를 숨기고 명령 대상 지도는 터치 첫 탭에 도시와 국가를 선택하도록 분리한다. 현재 도시는 반복 점멸 대신 고정 고대비 이중 링으로 강조한다.
This commit is contained in:
2026-08-21 15:25:14 +00:00
parent c6b916f0c2
commit 1d473cf704
6 changed files with 140 additions and 12 deletions
@@ -184,6 +184,7 @@ const cityStateStyle = computed(() => ({
:to="
props.selectOnly || props.readonly ? undefined : { name: 'current-city', query: { cityId: props.city.id } }
"
:aria-label="props.city.isMyCity ? `${props.city.name}, 현재 도시` : props.city.name"
:class="[
{
mine: props.city.isMyCity,
@@ -256,11 +257,16 @@ const cityStateStyle = computed(() => ({
.city-filler {
position: absolute;
inset: -2px;
box-sizing: border-box;
pointer-events: none;
}
.city-base.mine .city-icon {
box-shadow: 0 0 0 1px rgba(201, 164, 90, 0.7);
.city-filler.my-city {
inset: -4px;
border: 1px solid rgba(255, 255, 255, 0.95);
border-radius: 2px;
outline: 2px solid rgb(211, 47, 47);
box-shadow: 0 0 6px 2px rgba(211, 47, 47, 0.72);
}
.city-base.selected .city-icon {