fix: 지도 호출부별 선택 동작을 분리
메인 지도는 선택 테두리를 숨기고 명령 대상 지도는 터치 첫 탭에 도시와 국가를 선택하도록 분리한다. 현재 도시는 반복 점멸 대신 고정 고대비 이중 링으로 강조한다.
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user