fix: sticky footer on role editor

web/src/components/DashboardShell.vue

@@ -69,6 +69,19 @@ const bodyUi = computed(() => {
 	return props.compactPadding ? COMPACT_BODY : DEFAULT_BODY
 })
 
+const contentClass = computed(() => {
+	if (props.fullBleed) {
+		return 'flex h-full min-h-0 flex-1 flex-col'
+	}
+	return props.stickyFooter ? 'flex min-h-full flex-1 flex-col' : ''
+})
+const innerClass = computed(() => {
+	if (props.fullBleed) {
+		return 'flex min-h-0 flex-1 flex-col'
+	}
+	return props.stickyFooter ? 'flex flex-1 flex-col' : ''
+})
+
 const route = useRoute()
 const session = useSessionStore()
 const permissions = usePermissionsStore()
@@ -420,7 +433,7 @@ function onRetry() {
 			<template #body>
 				<div
 					id="dashboard-content"
-					:class="fullBleed ? 'flex h-full min-h-0 flex-1 flex-col' : ''"
+					:class="contentClass"
 				>
 					<OfflineBanner
 						:message="offlineMessage"
@@ -436,7 +449,7 @@ function onRetry() {
 						kind="error"
 						@retry="onRetry"
 					/>
-					<div v-else :class="fullBleed ? 'flex min-h-0 flex-1 flex-col' : ''">
+					<div v-else :class="innerClass">
 						<slot />
 					</div>
 				</div>

web/src/views/RoleEditorView.vue

@@ -324,7 +324,7 @@ onMounted(editor.load)
 			</div>
 		</div>
 
-		<div v-if="footerVisible" class="sticky bottom-0 z-10 -mx-4 mt-4 flex flex-col lg:-mx-6">
+		<div v-if="footerVisible" class="sticky bottom-0 z-10 -mx-4 mt-auto flex flex-col lg:-mx-6">
 			<UButton
 				v-if="!isDesktop"
 				color="neutral"