From 589c8239b2085815405329e0dc46d12d763cb32b Mon Sep 17 00:00:00 2001 From: lonkaars Date: Fri, 14 May 2021 12:07:47 +0200 Subject: editor layout --- styles/editor.css | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 styles/editor.css (limited to 'styles') diff --git a/styles/editor.css b/styles/editor.css new file mode 100644 index 0000000..cfffb71 --- /dev/null +++ b/styles/editor.css @@ -0,0 +1,40 @@ +.appGridWrapper { + display: flex; + flex-direction: column; + flex-grow: 1; +} + +.appGrid { + display: grid; + grid-template-columns: 240px 1fr; + grid-template-rows: auto 1fr 210px; +} + +.appGrid header { + grid-row: 1; + grid-column: 1/3; +} + +.appGrid .settings { + grid-column: 1; + grid-row: 2; + background-color: var(--c400); +} + +.appGrid .viewer { + grid-column: 2; + grid-row: 2; + background-color: var(--c200); +} + +.appGrid .tools { + grid-column: 1; + grid-row: 3; + background-color: var(--c300); +} + +.appGrid .timeline { + grid-column: 2; + grid-row: 3; + background-color: var(--c100); +} -- cgit v1.2.3