Rename Footer Bar -> Status Bar

client/web/src/components/window/MainWindow.vue

@@ -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 {

client/web/src/components/window/status-bar/StatusBar.vue

@@ -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 {