Configuration Overview

ZeroDash is fully configuration-driven.

There is no UI editor. All configuration is done via plain JavaScript objects (JSON-style) in the config.js file

It defines:

• Layouts
• Media queries
• Tiles
• Tile behavior

High-level structure

export const dashboardConfig = {
  layouts: [
    {
      name: "portrait",
      mediaQuery: "(orientation: portrait)",
      rows: 10,
      columns: 5,
      tiles: [ /* tile definitions */ ]
    }
  ]
};

Multiple layouts can exist simultaneously.

---

Important expectations

ZeroDash does not dynamically rearrange content to fit screens Users are expected to define:

• Multiple layouts for different devices
• Or accept suboptimal rendering on some screens

This is a deliberate design choice to keep:

• Complexity low
• Resource usage minimal
• Behavior predictable