Compare commits

...

2 Commits

Author SHA1 Message Date
sb 3bebe77cab chore: UI 문구 '우리 개' → '우리 강아지'
CI / build (push) Failing after 15m8s
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-11 19:00:34 +09:00
sb eac3098680 fix: 상/하단 이중 safe-area 여백 제거
네이티브 웹뷰가 이미 노치/홈바 아래로 배치되는데 CSS safe-top/safe-bottom 이
env inset 을 한 번 더 더해 헤더/푸터 여백이 이중으로 잡히던 문제.
CSS 추가 여백을 0으로 하여 네이티브 인셋만 사용.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-11 19:00:34 +09:00
5 changed files with 12 additions and 12 deletions
+5 -5
View File
@@ -7,12 +7,12 @@ body {
color: #3E92CC; color: #3E92CC;
} }
// iOS 노치/홈바 safe-area 대응 // iOS 노치/홈바 safe-area 대응.
// 다이나믹 아일랜드는 화면 가운데에만 있어 헤더 양옆(제목·아이콘)은 full inset 이 불필요. // 네이티브 웹뷰가 이미 safe-area 아래로 배치돼(이중 여백 방지) CSS 추가 여백은 0.
// 상태바/홈바 최소 여백만 남기고 축소해 상/하단 빈 공간을 줄인다. // (제목이 상태바에 겹치면 이 값을 소폭 늘린다)
.safe-top { .safe-top {
padding-top: max(24px, calc(env(safe-area-inset-top) - 8px)); padding-top: 0;
} }
.safe-bottom { .safe-bottom {
padding-bottom: max(6px, calc(env(safe-area-inset-bottom) - 14px)); padding-bottom: 0;
} }
+1 -1
View File
@@ -73,7 +73,7 @@
class="text-grey-6" class="text-grey-6"
> >
<q-route-tab name="home" :to="{ name: 'home' }" icon="map" label="산책 스팟" /> <q-route-tab name="home" :to="{ name: 'home' }" icon="map" label="산책 스팟" />
<q-route-tab name="profile" :to="{ name: 'profile' }" icon="pets" label="우리 " /> <q-route-tab name="profile" :to="{ name: 'profile' }" icon="pets" label="우리 강아지" />
</q-tabs> </q-tabs>
</q-footer> </q-footer>
+2 -2
View File
@@ -180,7 +180,7 @@ async function refreshSpot(spotId: number) {
async function onCheckIn() { async function onCheckIn() {
if (!currentSpot.value) return if (!currentSpot.value) return
if (dogs.currentDogId == null) { if (dogs.currentDogId == null) {
$q.notify({ color: 'warning', message: '먼저 우리 를 등록해 주세요.', icon: 'pets', position: 'top' }) $q.notify({ color: 'warning', message: '먼저 우리 강아지를 등록해 주세요.', icon: 'pets', position: 'top' })
return return
} }
checkingIn.value = true checkingIn.value = true
@@ -213,7 +213,7 @@ async function loadAiMates() {
async function onMatch(mate: Mate) { async function onMatch(mate: Mate) {
if (dogs.currentDogId == null) { if (dogs.currentDogId == null) {
$q.notify({ color: 'warning', message: '먼저 우리 를 등록해 주세요.', icon: 'pets', position: 'top' }) $q.notify({ color: 'warning', message: '먼저 우리 강아지를 등록해 주세요.', icon: 'pets', position: 'top' })
return return
} }
matchingDogId.value = mate.dogId matchingDogId.value = mate.dogId
+1 -1
View File
@@ -7,7 +7,7 @@
<q-avatar size="88px" color="white" text-color="primary" icon="pets" /> <q-avatar size="88px" color="white" text-color="primary" icon="pets" />
<div class="text-h4 text-weight-bold text-white q-mt-md">산책갈개</div> <div class="text-h4 text-weight-bold text-white q-mt-md">산책갈개</div>
<div class="text-white q-mt-xs" style="opacity: 0.9"> <div class="text-white q-mt-xs" style="opacity: 0.9">
우리 성향에 맞는 동네 산책 메이트 우리 강아지 성향에 맞는 동네 산책 메이트
</div> </div>
</div> </div>
+3 -3
View File
@@ -22,13 +22,13 @@
<q-card v-if="!dogs.myDogs.length" flat bordered class="q-pa-lg text-center text-grey-6"> <q-card v-if="!dogs.myDogs.length" flat bordered class="q-pa-lg text-center text-grey-6">
<q-icon name="pets" size="40px" color="secondary" /> <q-icon name="pets" size="40px" color="secondary" />
<div class="q-mt-sm q-mb-md">아직 등록된 강아지가 없어요.</div> <div class="q-mt-sm q-mb-md">아직 등록된 강아지가 없어요.</div>
<q-btn color="primary" unelevated icon="add" label="우리 등록" @click="openCreate" /> <q-btn color="primary" unelevated icon="add" label="우리 강아지 등록" @click="openCreate" />
</q-card> </q-card>
<template v-else> <template v-else>
<!-- 강아지 선택 (여러 마리) --> <!-- 강아지 선택 (여러 마리) -->
<div class="row items-center q-mb-sm"> <div class="row items-center q-mb-sm">
<div class="text-subtitle1 text-weight-bold">우리 </div> <div class="text-subtitle1 text-weight-bold">우리 강아지</div>
<q-space /> <q-space />
<q-btn dense flat color="primary" icon="add" label="추가" @click="openCreate" /> <q-btn dense flat color="primary" icon="add" label="추가" @click="openCreate" />
</div> </div>
@@ -89,7 +89,7 @@
<!-- 강아지 등록 다이얼로그 --> <!-- 강아지 등록 다이얼로그 -->
<q-dialog v-model="createOpen"> <q-dialog v-model="createOpen">
<q-card style="min-width: 300px"> <q-card style="min-width: 300px">
<q-card-section class="text-subtitle1 text-weight-bold">우리 등록</q-card-section> <q-card-section class="text-subtitle1 text-weight-bold">우리 강아지 등록</q-card-section>
<q-card-section class="q-gutter-sm"> <q-card-section class="q-gutter-sm">
<q-input v-model="form.name" label="이름 *" dense outlined /> <q-input v-model="form.name" label="이름 *" dense outlined />
<q-input v-model="form.breed" label="견종" dense outlined /> <q-input v-model="form.breed" label="견종" dense outlined />