diff --git a/apps/color-buddy/src/App.svelte b/apps/color-buddy/src/App.svelte index f0ed0bc..400ffa0 100644 --- a/apps/color-buddy/src/App.svelte +++ b/apps/color-buddy/src/App.svelte @@ -41,8 +41,6 @@ import ContentEditable from "./components/ContentEditable.svelte"; - const currentPalTabs = ["design", "examples", "compare", "eval"]; - import { lint } from "./lib/api-calls"; import { debounce } from "vega"; @@ -78,6 +76,16 @@ const padding = 40; const zWidth = 110; $: scatterSize = Math.max(Math.min(columnWidth - zWidth - padding, 420), 200); + $: bigEnoughForIndependentDesign = innerWidth > 1600; + + $: currentPalTabs = bigEnoughForIndependentDesign + ? ["examples", "compare", "eval"] + : ["design", "examples", "compare", "eval"]; + $: { + if (bigEnoughForIndependentDesign && $configStore.route === "design") { + configStore.setRoute("examples"); + } + }
@@ -148,6 +156,14 @@ + {#if bigEnoughForIndependentDesign} +
+ +
+ {/if}