From 63b4792e5859bd578c27ae090a43d7e050660519 Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Sat, 27 Jun 2026 22:08:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=9B=B9=20=EC=95=88=EB=82=B4=EB=AC=B8?=
 =?UTF-8?q?=20=EC=A4=84=EB=B0=94=EA=BF=88=EC=9D=84=20=EC=A0=88=20=EB=8B=A8?=
 =?UTF-8?q?=EC=9C=84=EB=A1=9C=20(inline-block=20=EB=AC=B6=EC=9D=8C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 'PC는 설치형 앱으로,' / '모바일은 앱으로 이용해요.' 등 절 경계에서만 줄바꿈

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/WebOnlyNotice.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/WebOnlyNotice.vue b/src/components/WebOnlyNotice.vue
index c45606f..a6ce3a0 100644
--- a/src/components/WebOnlyNotice.vue
+++ b/src/components/WebOnlyNotice.vue
@@ -13,8 +13,14 @@ const mobileReady = false
       <p class="tagline">슬림하게 관리하는 가계부 · 자산 · 예산</p>
 
       <div class="notice">
-        <p class="lead">🖥️ PC는 <b>설치형 앱</b>으로, 📱 모바일은 <b>앱</b>으로 이용해요.</p>
-        <p class="sub">웹 브라우저에서는 안내만 제공됩니다. 설치한 뒤 로그인해 주세요.</p>
+        <p class="lead">
+          <span class="ln">🖥️ PC는 <b>설치형 앱</b>으로,</span>
+          <span class="ln">📱 모바일은 <b>앱</b>으로 이용해요.</span>
+        </p>
+        <p class="sub">
+          <span class="ln">웹 브라우저에서는 안내만 제공됩니다.</span>
+          <span class="ln">설치한 뒤 로그인해 주세요.</span>
+        </p>
       </div>
 
       <div class="dl-group">
@@ -78,6 +84,11 @@ const mobileReady = false
   font-size: 0.86rem;
   opacity: 0.7;
 }
+/* 각 구절을 한 덩어리로 — 좁으면 절(span) 경계에서만 줄바꿈, 넓으면 한 줄 */
+.lead .ln,
+.sub .ln {
+  display: inline-block;
+}
 .dl-group {
   display: flex;
   flex-direction: column;