Add Kill Switch section
Currently there's a nasty bug which doesn't allow users from navigating
from the "Kill Switch" section to any other section of the app (see bug
twpowertools:59), but everything else is working.
Change-Id: I3c71352b1899e4ddf9ba5886aa1434a5a1ed93eb
diff --git a/frontend/src/pages/MiniMessage.vue b/frontend/src/pages/MiniMessage.vue
new file mode 100644
index 0000000..8f87ca8
--- /dev/null
+++ b/frontend/src/pages/MiniMessage.vue
@@ -0,0 +1,42 @@
+<script>
+import Page from './utils/Page.vue';
+
+export default {
+ props: [
+ 'icon',
+ ],
+ components: {
+ Page,
+ },
+};
+</script>
+
+<template>
+ <page mini>
+ <div class="layout">
+ <mcw-material-icon class="main-icon" :icon="icon" />
+ <span class="label"><slot></slot></span>
+ </div>
+ </page>
+</template>
+
+<style lang="scss" scoped>
+@use "@material/theme/color-palette" as palette;
+
+.layout {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin: 16px 0;
+}
+
+.main-icon {
+ font-size: 75px;
+ color: palette.$grey-800;
+}
+
+.label {
+ margin-top: 14px;
+ text-align: center;
+}
+</style>