Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-11 16:05:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Styling variables are changed to frequently sometimes

Browse Source
This commit is contained in:
Meierschlumpf
2023-01-06 23:54:00 +01:00
parent d26128af0e
commit 81256d1098
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Dashboard/Wrappers/gridstack/use-gridstack.ts
View File

@@ -81,12 +81,15 @@ export const useGridstack = (
useEffect(() => { useEffect(() => {
const widgetWidth = mainAreaWidth / wrapperColumnCount; const widgetWidth = mainAreaWidth / wrapperColumnCount;
// widget width is used to define sizes of gridstack items within global.scss // widget width is used to define sizes of gridstack items within global.scss
// TODO: improve
root.style.setProperty('--gridstack-widget-width', widgetWidth.toString()); root.style.setProperty('--gridstack-widget-width', widgetWidth.toString());
root.style.setProperty('--gridstack-column-count', wrapperColumnCount.toString());
gridRef.current?.cellHeight(widgetWidth); gridRef.current?.cellHeight(widgetWidth);
}, [mainAreaWidth, wrapperColumnCount]); }, [mainAreaWidth, wrapperColumnCount]);
useEffect(() => {
// column count is used to define count of columns of gridstack within global.scss
root.style.setProperty('--gridstack-column-count', wrapperColumnCount.toString());
}, [wrapperColumnCount]);
const onChange = isEditMode const onChange = isEditMode
? (changedNode: GridStackNode) => { ? (changedNode: GridStackNode) => {
if (!configName) return; if (!configName) return;