✨ Show banner when in edit mode

2026-06-15 00:30:01 +00:00 · 2021-10-17 19:14:12 +01:00
parent 5aefbb272f
commit 159748e3de
5 changed files with 39 additions and 0 deletions
@@ -0,0 +1,20 @@
+<template>
+  <div class="edit-mode-top-banner">
+    <span>Edit Mode Enabled</span>
+  </div>
+</template>
+
+<style scoped lang="scss">
+div.edit-mode-top-banner {
+  width: 100%;
+  text-align: center;
+  padding: 0.2rem 0;
+  background: var(--primary);
+  opacity: var(--dimming-factor);
+  span {
+    font-size: 1rem;
+    font-weight: bold;
+    color: var(--background);
+  }
+}
+</style>