diff --git a/frontend/src/components/floatingWidgets/FloatingWidgetLayer.tsx b/frontend/src/components/floatingWidgets/FloatingWidgetLayer.tsx index a4632c8..48b8de8 100644 --- a/frontend/src/components/floatingWidgets/FloatingWidgetLayer.tsx +++ b/frontend/src/components/floatingWidgets/FloatingWidgetLayer.tsx @@ -24,6 +24,7 @@ import { import type { WidgetSlot } from '../../types/widgetDashboard'; import FloatingWidgetLayoutPicker from './FloatingWidgetLayoutPicker'; import FloatingWidgetWindow from './FloatingWidgetWindow'; +import '../../styles/widgetDashboard.css'; import '../../styles/floatingWidget.css'; const BASE_Z = 13000; diff --git a/frontend/src/styles/floatingWidget.css b/frontend/src/styles/floatingWidget.css index f408a8b..2c3674a 100644 --- a/frontend/src/styles/floatingWidget.css +++ b/frontend/src/styles/floatingWidget.css @@ -128,11 +128,25 @@ min-height: 0; border: none; border-radius: 0; + display: flex; + flex-direction: column; } .fw-window-cell .wd-slot-body { flex: 1; min-height: 0; + display: flex; + flex-direction: column; +} + +.fw-window-cell .wd-slot-empty { + flex: 1; + min-height: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 8px; } .fw-window-cell .wd-widget-host {