diff --git a/apps/desktop/src/components/grid/DataGrid.vue b/apps/desktop/src/components/grid/DataGrid.vue index e0d4f901c3..a2a831afae 100644 --- a/apps/desktop/src/components/grid/DataGrid.vue +++ b/apps/desktop/src/components/grid/DataGrid.vue @@ -164,6 +164,7 @@ const slots = useSlots(); const connectionStore = useConnectionStore(); const queryStore = useQueryStore(); const settingsStore = useSettingsStore(); +const tableFontSize = computed(() => settingsStore.editorSettings.tableFontSize); const { isDark } = useTheme(); const { toast } = useToast(); const { highlight } = useSqlHighlighter(); @@ -2062,6 +2063,7 @@ const gridStyle = computed(() => ({ "--header-total-w": dataGridHeaderContentWidth("var(--total-w)", gridScrollbarGutter.value), "--grid-scrollbar-gutter": `${gridScrollbarGutter.value}px`, [EDITOR_FONT_FAMILY_CSS_VAR]: settingsStore.editorSettings.fontFamily, + "--dbx-table-font-size": `${tableFontSize.value}px`, })); const gridHorizontalScrollLeft = ref(0); const gridViewportWidth = ref(0); @@ -4436,7 +4438,7 @@ const canvasSurfaceWidth = computed(() => { if (vw <= 0) return total; return Math.min(vw, total); }); -const canvasRenderStyleKey = computed(() => `${settingsStore.editorSettings.theme}:${settingsStore.editorSettings.uiScale}:${canvasBackingPixelRatio.value}:${isDark.value}:${settingsStore.editorSettings.fontFamily}`); +const canvasRenderStyleKey = computed(() => `${settingsStore.editorSettings.theme}:${settingsStore.editorSettings.uiScale}:${canvasBackingPixelRatio.value}:${isDark.value}:${settingsStore.editorSettings.fontFamily}:${tableFontSize.value}`); const CANVAS_MOUSE_WHEEL_SCROLL_MULTIPLIER = 1.5; const CANVAS_TRACKPAD_DELTA_THRESHOLD = 40; let canvasResizeObserver: ResizeObserver | null = null; @@ -7698,7 +7700,7 @@ const gridContextMenuItems = computed(() => { @scroll="onTransposeScroll" >