Move notification tray out of ff-view

FlowFuse · Jul 23, 2024 · 4604b4a · 4604b4a
1 parent a934275
commit 4604b4a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/src/components/drawers/RightDrawer.vue b/frontend/src/components/drawers/RightDrawer.vue
@@ -23,7 +23,8 @@ export default {
   position: absolute;
   border-left: 1px solid $ff-grey-300;
   background: white;
-  height: 100%;
+  height: calc(100% - 60px);
+  top: 60px;
   right: -1000px;
   z-index: 500;
   width: 100%;

diff --git a/frontend/src/layouts/Platform.vue b/frontend/src/layouts/Platform.vue
@@ -7,9 +7,9 @@
             </div>
             <div class="ff-view">
                 <div id="platform-banner" />
-                <RightDrawer />
                 <slot />
             </div>
+            <RightDrawer />
             <TransitionGroup class="ff-notifications" name="notifications-list" tag="div">
                 <ff-notification-toast
                     v-for="(a, $index) in alertsReversed" :key="a.timestamp"