fix message alignment

X1nto · Dec 23, 2023 · b1ad45e · b1ad45e
1 parent a7ef7a5
commit b1ad45e
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/androidApp/src/main/java/dev/xinto/argos/ui/screen/message/MessageScreen.kt b/androidApp/src/main/java/dev/xinto/argos/ui/screen/message/MessageScreen.kt
@@ -81,31 +81,34 @@ fun MessageScreen(
             modifier = Modifier
                 .fillMaxSize()
                 .padding(padding)
-                .nestedScroll(scrollBehavior.nestedScrollConnection)
-                .verticalScroll(rememberScrollState()),
+                .nestedScroll(scrollBehavior.nestedScrollConnection),
             contentAlignment = Alignment.Center
         ) {
             when (state) {
                 is MessageState.Loading -> {
                     CircularProgressIndicator()
                 }
-
                 is MessageState.Success -> {
-                    MaterialHtmlText2(
+                    Box(
                         modifier = Modifier
                             .fillMaxSize()
-                            .padding(16.dp),
-                        text = remember {
-                            """
-                            <div style="display:flex; flex-direction:column; gap:8px;">
-                                <h4>${state.message.subject}</h4>
-                                ${state.message.body}
-                            </div>
-                            """.trimIndent()
-                        }
-                    )
+                            .verticalScroll(rememberScrollState())
+                    ) {
+                        MaterialHtmlText2(
+                            modifier = Modifier
+                                .fillMaxSize()
+                                .padding(16.dp),
+                            text = remember {
+                                """
+                                <div style="display:flex; flex-direction:column; gap:8px;">
+                                    <h4>${state.message.subject}</h4>
+                                    ${state.message.body}
+                                </div>
+                                """.trimIndent()
+                            }
+                        )
+                    }
                 }
-
                 is MessageState.Error -> {
                     Text("Error")
                 }