feat(calendar-lab): amplify nested board zoom depth
This commit is contained in:
@@ -26,9 +26,9 @@ const WORLD_PADDING = 20;
|
|||||||
|
|
||||||
const WORLD_RECT_BY_LEVEL: Record<Level, { x: number; y: number; width: number; height: number }> = {
|
const WORLD_RECT_BY_LEVEL: Record<Level, { x: number; y: number; width: number; height: number }> = {
|
||||||
year: { x: 80, y: 50, width: 1240, height: 760 },
|
year: { x: 80, y: 50, width: 1240, height: 760 },
|
||||||
month: { x: 180, y: 130, width: 1040, height: 620 },
|
month: { x: 330, y: 195, width: 740, height: 430 },
|
||||||
week: { x: 260, y: 220, width: 860, height: 460 },
|
week: { x: 470, y: 275, width: 460, height: 270 },
|
||||||
day: { x: 320, y: 290, width: 730, height: 320 },
|
day: { x: 560, y: 330, width: 280, height: 165 },
|
||||||
};
|
};
|
||||||
|
|
||||||
const zoomLevelIndex = ref(0);
|
const zoomLevelIndex = ref(0);
|
||||||
@@ -395,24 +395,24 @@ onBeforeUnmount(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.calendar-lab-node-month {
|
.calendar-lab-node-month {
|
||||||
left: 100px;
|
left: 250px;
|
||||||
top: 80px;
|
top: 145px;
|
||||||
width: 1040px;
|
width: 740px;
|
||||||
height: 620px;
|
height: 430px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-lab-node-week {
|
.calendar-lab-node-week {
|
||||||
left: 80px;
|
left: 140px;
|
||||||
top: 90px;
|
top: 80px;
|
||||||
width: 860px;
|
width: 460px;
|
||||||
height: 460px;
|
height: 270px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-lab-node-day {
|
.calendar-lab-node-day {
|
||||||
left: 60px;
|
left: 90px;
|
||||||
top: 70px;
|
top: 55px;
|
||||||
width: 730px;
|
width: 280px;
|
||||||
height: 320px;
|
height: 165px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-lab-node-active :deep(.calendar-lab-rect) {
|
.calendar-lab-node-active :deep(.calendar-lab-rect) {
|
||||||
|
|||||||
Reference in New Issue
Block a user