v0.1.37 - 총 시간 한글화와 인쇄 타임테이블 보정
This commit is contained in:
12
src/App.vue
12
src/App.vue
@@ -1850,7 +1850,7 @@ onBeforeUnmount(() => {
|
||||
:dday="plannerDday"
|
||||
:show-dday="showPlannerDday"
|
||||
:comment="planner.comment"
|
||||
:total-time="formatTotalTime(planner)"
|
||||
:total-time="formatTotalTimeKorean(planner)"
|
||||
:tasks="planner.tasks"
|
||||
:memo="planner.memo"
|
||||
:hours="hours"
|
||||
@@ -2203,7 +2203,7 @@ onBeforeUnmount(() => {
|
||||
:dday="plannerDday"
|
||||
:show-dday="showPlannerDday"
|
||||
:comment="planner.comment"
|
||||
:total-time="formatTotalTime(planner)"
|
||||
:total-time="formatTotalTimeKorean(planner)"
|
||||
:tasks="planner.tasks"
|
||||
:memo="planner.memo"
|
||||
:hours="hours"
|
||||
@@ -2226,7 +2226,7 @@ onBeforeUnmount(() => {
|
||||
:dday="''"
|
||||
:show-dday="false"
|
||||
:comment="secondaryPlanner.comment"
|
||||
:total-time="formatTotalTime(secondaryPlanner)"
|
||||
:total-time="formatTotalTimeKorean(secondaryPlanner)"
|
||||
:tasks="secondaryPlanner.tasks"
|
||||
:memo="secondaryPlanner.memo"
|
||||
:hours="hours"
|
||||
@@ -2302,7 +2302,7 @@ onBeforeUnmount(() => {
|
||||
:dday="plannerDday"
|
||||
:show-dday="showPlannerDday"
|
||||
:comment="planner.comment"
|
||||
:total-time="formatTotalTime(planner)"
|
||||
:total-time="formatTotalTimeKorean(planner)"
|
||||
:tasks="planner.tasks"
|
||||
:memo="planner.memo"
|
||||
:hours="hours"
|
||||
@@ -2327,7 +2327,7 @@ onBeforeUnmount(() => {
|
||||
:dday="plannerDday"
|
||||
:show-dday="showPlannerDday"
|
||||
:comment="planner.comment"
|
||||
:total-time="formatTotalTime(planner)"
|
||||
:total-time="formatTotalTimeKorean(planner)"
|
||||
:tasks="planner.tasks"
|
||||
:memo="planner.memo"
|
||||
:hours="hours"
|
||||
@@ -2349,7 +2349,7 @@ onBeforeUnmount(() => {
|
||||
:dday="''"
|
||||
:show-dday="false"
|
||||
:comment="secondaryPlanner.comment"
|
||||
:total-time="formatTotalTime(secondaryPlanner)"
|
||||
:total-time="formatTotalTimeKorean(secondaryPlanner)"
|
||||
:tasks="secondaryPlanner.tasks"
|
||||
:memo="secondaryPlanner.memo"
|
||||
:hours="hours"
|
||||
|
||||
@@ -121,8 +121,8 @@ onBeforeUnmount(() => {
|
||||
<article
|
||||
class="planner-sheet flex w-full max-w-[762px] flex-col gap-3 bg-paper px-4 py-4 text-[10px] font-bold tracking-[0.16em] text-ink shadow-paper sm:px-8 sm:py-8 lg:px-12 lg:py-12"
|
||||
>
|
||||
<div class="flex flex-col gap-4 py-3 sm:py-[18px]">
|
||||
<div class="flex flex-col gap-3 sm:gap-4" :class="props.showDday ? 'sm:flex-row' : ''">
|
||||
<div class="planner-sheet__meta flex flex-col gap-4 py-3 sm:py-[18px]">
|
||||
<div class="planner-sheet__meta-top flex flex-col gap-3 sm:gap-4" :class="props.showDday ? 'sm:flex-row' : ''">
|
||||
<div class="relative min-h-[82px] border-t border-ink px-[10px] pt-[10px]" :class="props.showDday ? 'w-full sm:w-[394px] sm:flex-1' : 'w-full flex-1'">
|
||||
<span class="absolute -top-2 left-0 bg-paper px-[2px] text-muted">YEAR / MONTH / DAY</span>
|
||||
<p class="pt-5 text-[11px] tracking-[0.2em] text-ink sm:pt-6 sm:text-sm">
|
||||
@@ -135,7 +135,7 @@ onBeforeUnmount(() => {
|
||||
<p class="pt-5 text-[11px] tracking-[0.2em] text-ink sm:pt-6 sm:text-sm">{{ dday }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-3 border-b border-ink pb-3 sm:gap-4 sm:pb-[18px] lg:flex-row">
|
||||
<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">
|
||||
<div class="relative min-h-[82px] w-full flex-1 border-t border-ink px-[10px] pt-[10px] lg:w-[394px]">
|
||||
<span class="absolute -top-2 left-0 bg-paper px-[2px] text-muted">COMMENT</span>
|
||||
<textarea
|
||||
@@ -153,8 +153,8 @@ onBeforeUnmount(() => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-5 py-[10px] lg:flex-row lg:gap-4">
|
||||
<div class="flex w-full flex-1 flex-col gap-7 sm:gap-9 lg:w-[394px]">
|
||||
<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]">
|
||||
<section class="relative">
|
||||
<div class="absolute -top-[9px] left-0 bg-paper px-[2px] text-muted">TASKS</div>
|
||||
<div class="border-t border-ink">
|
||||
@@ -225,10 +225,10 @@ onBeforeUnmount(() => {
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="relative w-full shrink-0 lg:w-[210px]">
|
||||
<section class="planner-sheet__timetable relative w-full shrink-0 lg:w-[210px]">
|
||||
<div class="absolute -top-2 left-0 bg-paper px-[2px] text-muted">TIME TABLE</div>
|
||||
<div class="overflow-x-auto pb-1">
|
||||
<div class="min-w-[210px] border-t border-ink">
|
||||
<div class="planner-sheet__timetable-scroll overflow-x-auto pb-1">
|
||||
<div class="planner-sheet__timetable-grid min-w-[210px] border-t border-ink">
|
||||
<div
|
||||
v-for="(hour, index) in hours"
|
||||
:key="`${hour}-${index}`"
|
||||
|
||||
@@ -143,6 +143,33 @@
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.planner-sheet__meta-top,
|
||||
.planner-sheet__meta-bottom,
|
||||
.planner-sheet__body {
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
gap: 16px !important;
|
||||
}
|
||||
|
||||
.planner-sheet__lists {
|
||||
width: 394px !important;
|
||||
flex: 1 1 auto !important;
|
||||
}
|
||||
|
||||
.planner-sheet__timetable {
|
||||
width: 210px !important;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.planner-sheet__timetable-scroll {
|
||||
overflow: visible !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.planner-sheet__timetable-grid {
|
||||
min-width: 210px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen {
|
||||
|
||||
Reference in New Issue
Block a user