Update UI colors and alignment for consistency with the design mockup (#157)

Closes #111
This commit is contained in:
Keavon Chambers
2021-05-23 19:01:13 -07:00
parent 4b19a459b7
commit 34efac990b
21 changed files with 286 additions and 182 deletions

View File

@@ -1,12 +1,12 @@
<template>
<LayoutCol class="main-window">
<LayoutRow :class="'title-bar'">
<LayoutRow :class="'title-bar-row'">
<TitleBar :platform="platform" :maximized="maximized" />
</LayoutRow>
<LayoutRow :class="'workspace'">
<LayoutRow :class="'workspace-row'">
<Workspace />
</LayoutRow>
<LayoutRow :class="'status-bar'">
<LayoutRow :class="'status-bar-row'">
<StatusBar />
</LayoutRow>
</LayoutCol>
@@ -17,17 +17,17 @@
height: 100%;
}
.title-bar {
.title-bar-row {
height: 28px;
flex: 0 0 auto;
}
.workspace {
.workspace-row {
flex: 1 1 100%;
height: 100%;
}
.status-bar {
.status-bar-row {
height: 24px;
flex: 0 0 auto;
}