feat(calendar-lab): replace tldraw with two-layer panzoom canvas
Drop tldraw/React dependency in favor of @panzoom/panzoom with a two-layer architecture: outline rectangles (borders only) are zoomed via CSS transforms while HTML content renders at native 1:1 scale as a fade-in overlay — eliminating blur at any zoom level. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
<script setup lang="ts">
|
||||
import CrmCalendarZoomTldrawLab from "~~/app/components/workspace/calendar/lab/CrmCalendarZoomTldrawLab.client.vue";
|
||||
import CrmCalendarZoomCanvasLab from "~~/app/components/workspace/calendar/lab/CrmCalendarZoomCanvasLab.vue";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<main class="h-dvh w-full bg-base-200/40 p-2">
|
||||
<CrmCalendarZoomTldrawLab />
|
||||
<CrmCalendarZoomCanvasLab />
|
||||
</main>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user