🎨

Co-authored-by: @ltlapy

packages/client/src/components/ui/pagination.vue

@@ -196,8 +196,9 @@ const prepend = (item: Item): void => {
 	if (props.pagination.reversed) {
 		if (rootEl.value) {
 			const container = getScrollContainer(rootEl.value);
-			if (container == null) return; // TODO?
+			if (container == null) {
-
+				// TODO?
+			} else {
 				const pos = getScrollPosition(rootEl.value);
 				const viewHeight = container.clientHeight;
 				const height = container.scrollHeight;
@@ -214,6 +215,7 @@ const prepend = (item: Item): void => {
 					}
 				}
 			}
+		}
 		items.value.push(item);
 		// TODO
 	} else {

packages/client/src/pages/messaging/messaging-room.vue

@@ -292,6 +292,7 @@ definePageMetadata(computed(() => !fetching ? user ? {
 <style lang="scss" scoped>
 .mk-messaging-room {
 	position: relative;
+	overflow: auto;
 
 	> .body {
 		.more {
@@ -335,10 +336,7 @@ definePageMetadata(computed(() => !fetching ? user ? {
 		z-index: 2;
 		bottom: 0;
 		padding-top: 8px;
-
+		bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
-		@media (max-width: 500px) {
-			bottom: calc(env(safe-area-inset-bottom, 0px) + 92px);
-		}
 
 		> .new-message {
 			width: 100%;