Handle properly 2-col and 3-col desktop notifications

2022-11-08 00:37:22 -05:00 · 2022-11-08 00:37:22 -05:00 · a34bea75a8
commit a34bea75a8
parent 771933183b
2 changed files with 4 additions and 3 deletions
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@ -3,7 +3,8 @@
    :disabled="minimalMode || disableTeleport"
    :to="teleportTarget"
  >
-    <div
+    <component
+      :is="noHeading ? 'div' : 'aside'"
      ref="root"
      :class="{ minimal: minimalMode }"
      class="Notifications"
@ -88,7 +89,7 @@
          </div>
        </div>
      </div>
-    </div>
+    </component>
  </teleport>
 </template>