aidev/goldenChart
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(desktop): 위젯 picker를 웹 AppPopup(720×860)과 동일하게

Browse Source 
현재 창 innerWidth로 크기를 제한하던 버그를 수정하고, nativeCompact
대신 서버와 같은 AppPopup UI를 macOS·Windows 공통 적용합니다.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Macbook
2026-06-15 17:02:59 +09:00
parent 96cb3250d6
commit a5e14ba676
4 changed files with 136 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/widgetDashboard.css
+40 -13
View File
@@ -1241,7 +1241,46 @@
max-height: none;
}
/* Tauri 네이티브 위젯 창 — 전체 창 picker (AppPopup draggable 미사용) */
/* Tauri 네이티브 위젯 창 — 서버와 동일 AppPopup (720×860 OS 창) */
html.fw-native-widget.fw-native-picker-mode,
html.fw-native-widget.fw-native-picker-mode body {
overflow: hidden;
}
html.fw-native-widget.fw-native-picker-mode .fw-widget-native-root .fw-window {
visibility: hidden;
pointer-events: none;
}
html.fw-native-widget.fw-native-picker-mode .app-popup-overlay {
position: fixed;
inset: 0;
z-index: 13200;
}
html.fw-native-widget.fw-native-picker-mode .app-popup-shell--widget-picker {
width: min(720px, calc(100vw - 16px)) !important;
max-height: min(860px, calc(100vh - 16px));
}
html.fw-native-widget.fw-native-picker-mode .app-popup-shell--widget-picker .wd-picker-popup-body {
max-height: min(760px, calc(100vh - 120px));
overflow-y: auto;
}
html.fw-native-widget .wd-picker-native-loading {
position: fixed;
inset: 0;
z-index: 13199;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.45);
color: var(--text2);
font-size: 13px;
}
/* (legacy) Tauri 네이티브 compact picker — fallback */
html.fw-native-widget .wd-picker-native-overlay {
position: fixed;
inset: 0;
@@ -1367,18 +1406,6 @@ html.fw-native-widget .fw-widget-native-root--picker .wd-picker-item-desc {
font-size: 12px;
}
html.fw-native-widget .wd-picker-native-loading {
position: fixed;
inset: 0;
z-index: 13199;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.35);
color: var(--text2);
font-size: 13px;
}
.bps-page--wd-no-left .bps-side-wrap--left,
.bps-page--wd-no-left .bps-side-wrap--left + .bps-splitter {
display: none !important;
frontend/src/types/floatingWidget.ts
+2 -2
View File
@@ -25,8 +25,8 @@ export const FLOATING_WIDGET_CELL_MIN_W = 140;
export const FLOATING_WIDGET_CELL_MIN_H = 100;
export const FLOATING_WIDGET_GRID_GAP = 1;
/** Tauri 네이티브 위젯 창 — 위젯 선택 팝업 표시용 OS 창 크기 (논리 px, 웹 AppPopup과 유사) */
export const NATIVE_WIDGET_PICKER_WINDOW = { width: 820, height: 900 } as const;
/** Tauri 네이티브 위젯 창 — 위젯 선택 시 OS 창 크기 (웹 AppPopup 720×860 과 동일) */
export const NATIVE_WIDGET_PICKER_WINDOW = { width: 720, height: 860 } as const;
export interface FloatingWidgetInstance {
id: string;