Rename Footer Bar -> Status Bar

This commit is contained in:
Keavon Chambers 2021-05-16 18:04:26 -07:00
parent 1419f3bc6b
commit 7fc6eddb1a
3 changed files with 7 additions and 23 deletions

View file

@ -6,8 +6,8 @@
<LayoutRow :class="'panel-container'">
<PanelArea />
</LayoutRow>
<LayoutRow :class="'footer-bar'">
<FooterBar />
<LayoutRow :class="'status-bar'">
<StatusBar />
</LayoutRow>
</LayoutCol>
</template>
@ -27,7 +27,7 @@
height: 100%;
}
.footer-bar {
.status-bar {
height: 24px;
flex: 0 0 auto;
}
@ -39,7 +39,7 @@ import LayoutRow from "../layout/LayoutRow.vue";
import LayoutCol from "../layout/LayoutCol.vue";
import PanelArea from "../panel-system/PanelArea.vue";
import TitleBar from "./title-bar/TitleBar.vue";
import FooterBar from "./footer-bar/FooterBar.vue";
import StatusBar from "./status-bar/StatusBar.vue";
export enum ApplicationPlatform {
"Windows" = "Windows",
@ -54,7 +54,7 @@ export default defineComponent({
LayoutCol,
TitleBar,
PanelArea,
FooterBar,
StatusBar,
},
data() {
return {

View file

@ -1,5 +1,5 @@
<template>
<div class="hint-area footer-area">
<div class="status-bar">
<InputHint :inputMouse="'LMB'">Select Object</InputHint>
<span class="plus">+</span>
<InputHint :inputKeys="['⇧']">Grow/Shrink Selection</InputHint>
@ -19,27 +19,11 @@
<InputHint :inputKeys="['Alt']" :inputMouse="'LMBDrag'">Move Duplicate</InputHint>
<InputHint :inputKeys="['Ctrl', 'D']">Duplicate</InputHint>
</div>
<div class="status-area footer-area">
<div>
<span>Graphite 0.0.1</span>
</div>
</div>
</template>
<style lang="scss">
.footer-area {
.status-bar {
display: flex;
&.hint-area {
flex: 1 1 100%;
}
&.status-area div {
margin: 0 8px;
display: flex;
align-items: center;
white-space: nowrap;
}
}
.plus {