refactor: consolidate default panel sizes into a constant for improved maintainability
This commit is contained in:
@ -1,6 +1,14 @@
|
|||||||
import { create } from "zustand";
|
import { create } from "zustand";
|
||||||
import { persist } from "zustand/middleware";
|
import { persist } from "zustand/middleware";
|
||||||
|
|
||||||
|
const DEFAULT_PANEL_SIZES = {
|
||||||
|
toolsPanel: 25,
|
||||||
|
previewPanel: 75,
|
||||||
|
propertiesPanel: 20,
|
||||||
|
mainContent: 70,
|
||||||
|
timeline: 30,
|
||||||
|
} as const;
|
||||||
|
|
||||||
interface PanelState {
|
interface PanelState {
|
||||||
// Panel sizes as percentages
|
// Panel sizes as percentages
|
||||||
toolsPanel: number;
|
toolsPanel: number;
|
||||||
@ -21,11 +29,7 @@ export const usePanelStore = create<PanelState>()(
|
|||||||
persist(
|
persist(
|
||||||
(set) => ({
|
(set) => ({
|
||||||
// Default sizes - optimized for responsiveness
|
// Default sizes - optimized for responsiveness
|
||||||
toolsPanel: 25,
|
...DEFAULT_PANEL_SIZES,
|
||||||
previewPanel: 75,
|
|
||||||
propertiesPanel: 20,
|
|
||||||
mainContent: 70,
|
|
||||||
timeline: 30,
|
|
||||||
|
|
||||||
// Actions
|
// Actions
|
||||||
setToolsPanel: (size) => set({ toolsPanel: size }),
|
setToolsPanel: (size) => set({ toolsPanel: size }),
|
||||||
|
Reference in New Issue
Block a user