pleroma-fe

commit: a34bea75a808de9841f616896ebb630972475707
parent 771933183be07d84f06103338f8b6b7c4ed282da
Author: tusooa <tusooa@kazv.moe>
Date:   Tue,  8 Nov 2022 00:37:22 -0500

Handle properly 2-col and 3-col desktop notifications

Diffstat:
M
src/App.vue
2
+-
M
src/components/notifications/notifications.vue
5
+++--

2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/App.vue b/src/App.vue
@@ -30,7 +30,7 @@
           <instance-specific-panel v-if="showInstanceSpecificPanel" />
           <features-panel v-if="!currentUser && showFeaturesPanel" />
           <who-to-follow-panel v-if="currentUser && suggestionsEnabled" />
-          <aside id="notifs-sidebar" />
+          <div id="notifs-sidebar" />
         </template>
       </div>
       <main
diff --git 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>