diff --git a/packages/frontend/src/pages/page.vue b/packages/frontend/src/pages/page.vue
index ab44533b8..893c2deeb 100644
--- a/packages/frontend/src/pages/page.vue
+++ b/packages/frontend/src/pages/page.vue
@@ -12,6 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:leaveActiveClass="defaultStore.state.animation ? $style.fadeLeaveActive : ''"
:enterFromClass="defaultStore.state.animation ? $style.fadeEnterFrom : ''"
:leaveToClass="defaultStore.state.animation ? $style.fadeLeaveTo : ''"
+ mode="out-in"
>
@@ -41,8 +42,14 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ page.title || page.name }}
-
@@ -355,8 +362,15 @@ definePageMetadata(() => ({
margin: 0;
}
+ .pageBannerTitleSub {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ }
+
.pageBannerTitleUser {
--height: 32px;
+ flex-shrink: 0;
.avatar {
height: var(--height);
@@ -365,6 +379,14 @@ definePageMetadata(() => ({
line-height: var(--height);
}
+
+ .pageBannerTitleSubActions {
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ gap: var(--marginHalf);
+ margin-left: auto;
+ }
}
}