v0.1.39 - 달력 원형과 D-DAY 표시 상태 보정

src/components/MiniCalendar.vue

@@ -132,7 +132,7 @@ function selectYear(year) {
       >
         <button
           type="button"
-          class="relative flex size-8 items-center justify-center rounded-full border text-[10px] font-semibold transition sm:size-10 sm:text-[11px]"
+          class="relative flex h-10 w-10 shrink-0 items-center justify-center rounded-full border text-[10px] font-semibold transition sm:h-[44px] sm:w-[44px] sm:text-[11px]"
           :class="[
             day.key === selectedKey
               ? 'border-ink bg-ink text-white'

src/components/PlannerPage.vue

@@ -132,7 +132,19 @@ onBeforeUnmount(() => {
         </div>
         <div v-if="props.showDday" class="relative min-h-[82px] w-full border-t border-ink px-[10px] pt-[10px] sm:w-[210px]">
           <span class="absolute -top-2 left-0 bg-paper px-[2px] text-muted">D-DAY</span>
-          <p class="pt-5 text-[11px] tracking-[0.2em] text-ink sm:pt-6 sm:text-sm">{{ dday }}</p>
+          <p
+            class="pt-5 text-[11px] tracking-[0.14em] text-ink sm:pt-6 sm:text-sm"
+            style="
+              display: -webkit-box;
+              -webkit-line-clamp: 3;
+              -webkit-box-orient: vertical;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              word-break: break-word;
+            "
+          >
+            {{ dday }}
+          </p>
         </div>
       </div>
       <div class="planner-sheet__meta-bottom flex flex-col gap-3 border-b border-ink pb-3 sm:gap-4 sm:pb-[18px] lg:flex-row">