fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-23 10:48:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Redesign the Layers panel

Browse Source
This commit is contained in:
Keavon Chambers
2023-12-06 01:52:02 -08:00
parent 3e35abd377
commit 9c83d054cf
3 changed files with 115 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/window/workspace/Panel.svelte
+2 -2
View File
@@ -1,6 +1,6 @@
<script lang="ts" context="module">
import Document from "@graphite/components/panels/Document.svelte";
import LayerTree from "@graphite/components/panels/LayerTree.svelte";
import Layers from "@graphite/components/panels/Layers.svelte";
import Properties from "@graphite/components/panels/Properties.svelte";
import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
import PopoverButton from "@graphite/components/widgets/buttons/PopoverButton.svelte";
@@ -8,7 +8,7 @@
const PANEL_COMPONENTS = {
Document,
LayerTree,
Layers,
Properties,
};
type PanelTypes = keyof typeof PANEL_COMPONENTS;
frontend/src/components/window/workspace/Workspace.svelte
+1 -1
View File
@@ -119,7 +119,7 @@
</LayoutRow>
<LayoutRow class="workspace-grid-resize-gutter" data-gutter-vertical on:pointerdown={(e) => resizePanel(e)} />
<LayoutRow class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["layers"] }} data-subdivision-name="layers">
<Panel panelType="LayerTree" tabLabels={[{ name: "Layers" }]} tabActiveIndex={0} />
<Panel panelType="Layers" tabLabels={[{ name: "Layers" }]} tabActiveIndex={0} />
</LayoutRow>
</LayoutCol>
</LayoutRow>