v0.1.50 - 이월 할 일 흐름과 사이드 패널 정리

src/components/AuthDialog.vue

@@ -100,20 +100,15 @@ function updateField(field, event) {
 
         <label
           v-if="mode === 'login'"
-          class="flex items-start gap-3 rounded-2xl border border-stone-300/70 bg-white/55 px-4 py-3 text-left"
+          class="-mt-1 flex items-center gap-2 px-1 text-left"
         >
           <input
             :checked="form.rememberSession"
             type="checkbox"
-            class="mt-1 h-4 w-4 shrink-0 accent-stone-900"
+            class="h-4 w-4 shrink-0 accent-stone-900"
             @change="updateField('rememberSession', $event)"
           />
-          <span>
-            <span class="block text-xs font-bold tracking-[0.12em] text-stone-800">로그인 유지</span>
-            <span class="mt-1 block text-[11px] font-semibold leading-5 tracking-[0.02em] text-stone-500">
-              체크하지 않으면 브라우저를 닫을 때 로그인 정보가 사라집니다.
-            </span>
-          </span>
+          <span class="text-xs font-bold tracking-[0.08em] text-stone-700">로그인 상태 유지</span>
         </label>
 
         <p

src/components/PlannerPage.vue

@@ -62,6 +62,7 @@ const emit = defineEmits([
   'update:task-title',
   'toggle:task',
   'clear:tasks',
+  'inspect:carryover',
   'update:memo-label',
   'update:memo',
   'update:timetable',
@@ -303,7 +304,7 @@ onBeforeUnmount(() => {
     </div>
 
     <div class="planner-sheet__body flex flex-col gap-5 py-[10px] lg:flex-row lg:gap-4">
-      <div class="planner-sheet__lists flex w-full flex-1 flex-col gap-7 sm:gap-9 lg:w-[394px]">
+      <div class="planner-sheet__lists flex w-full flex-1 flex-col gap-6 lg:w-[394px]">
         <section>
           <div class="flex items-center gap-2 text-muted">
             <span class="shrink-0">TASKS</span>
@@ -320,10 +321,10 @@ onBeforeUnmount(() => {
               v-for="(task, index) in tasks"
               :key="task.id ?? index"
               :data-task-index="index"
-              class="flex min-h-[38px] select-none items-center border-b transition-colors"
+              class="flex h-[38px] select-none items-center border-b transition-colors"
               :class="[
                 index % 5 === 4 || index === tasks.length - 1 ? 'border-ink' : 'border-line',
-                isTaskSelected(index) ? 'bg-amber-100/55 ring-1 ring-inset ring-amber-500/40' : '',
+                isTaskSelected(index) ? 'bg-amber-100/55' : '',
               ]"
               @pointerdown="startTaskSelection(index, $event)"
               @pointerenter="moveTaskSelection(index)"
@@ -338,7 +339,7 @@ onBeforeUnmount(() => {
                   @input="emit('update:task-label', { index, value: $event.target.value })"
                 />
               </div>
-              <div class="flex min-w-0 flex-1 items-center px-2 sm:px-3">
+              <div class="flex min-w-0 flex-1 items-center gap-2 px-2 sm:px-3">
                 <input
                   :value="task.title"
                   type="text"
@@ -348,6 +349,14 @@ onBeforeUnmount(() => {
                   @focus="clearTaskSelectionOnFocus"
                   @input="emit('update:task-title', { index, value: $event.target.value })"
                 />
+                <button
+                  v-if="task.carryoverFrom"
+                  type="button"
+                  class="shrink-0 rounded-full border border-stone-300 px-2 py-1 text-[8px] font-bold tracking-[0.12em] text-stone-500 transition hover:border-stone-500 hover:text-stone-900"
+                  @click="emit('inspect:carryover', task)"
+                >
+                  이월
+                </button>
               </div>
               <div class="flex h-full w-[36px] shrink-0 items-center justify-center p-[8px] sm:w-[42px] sm:p-[10px]">
                 <button
@@ -373,7 +382,7 @@ onBeforeUnmount(() => {
             <div
               v-for="(memoItem, index) in memo"
               :key="`memo-${index}`"
-              class="flex min-h-[38px] items-center border-b"
+              class="flex h-[38px] items-center border-b"
               :class="index === memo.length - 1 ? 'border-ink' : 'border-line'"
             >
               <div class="h-full w-[52px] shrink-0 border-r border-dashed border-ink px-1.5 py-[7px] sm:w-[62px] sm:px-2">
@@ -409,7 +418,7 @@ onBeforeUnmount(() => {
             <div
               v-for="(hour, index) in hours"
               :key="`${hour}-${index}`"
-              class="flex h-[26px] border-b sm:h-[30px]"
+              class="flex h-[25px] border-b sm:h-[30px]"
               :class="index === hours.length - 1 ? 'border-ink' : 'border-line'"
             >
               <div

src/components/SettingsDashboard.vue

@@ -34,6 +34,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  carryoverCheckPolicy: {
+    type: String,
+    default: 'ask',
+  },
 })
 
 const emit = defineEmits([
@@ -42,6 +46,7 @@ const emit = defineEmits([
   'submit:profile',
   'submit:password',
   'reset-guide-tooltips',
+  'update:carryover-check-policy',
 ])
 
 const initials = computed(() =>
@@ -102,6 +107,29 @@ function updatePasswordField(field, event) {
           {{ guideTooltipResetMessage }}
         </p>
       </div>
+
+      <div class="mt-4 rounded-[24px] border border-stone-200 bg-white/80 p-4">
+        <p class="text-[10px] font-bold tracking-[0.18em] text-stone-500">CARRYOVER CHECK</p>
+        <p class="mt-3 text-sm font-semibold leading-6 text-stone-700">
+          이월된 할 일을 완료할 때 이전 날짜 항목까지 함께 체크할지 정합니다.
+        </p>
+        <div class="mt-4 grid gap-2">
+          <button
+            v-for="option in [
+              { value: 'ask', label: '항상 물어보기' },
+              { value: 'all', label: '항상 이전까지 체크' },
+              { value: 'current', label: '항상 오늘만 체크' },
+            ]"
+            :key="option.value"
+            type="button"
+            class="rounded-2xl border px-4 py-3 text-left text-xs font-bold tracking-[0.12em] transition"
+            :class="carryoverCheckPolicy === option.value ? 'border-stone-900 bg-stone-900 text-white' : 'border-stone-200 bg-white text-stone-600 hover:border-stone-400 hover:text-stone-900'"
+            @click="emit('update:carryover-check-policy', option.value)"
+          >
+            {{ option.label }}
+          </button>
+        </div>
+      </div>
     </aside>
 
     <div class="grid gap-6">