Merge pull request #690 from Npepperlinux/remove_FAIcon_and_Text_overlap

Remove FAIcon and Text overlap in List Screen
DimensionDev · Jan 28, 2025 · 6ab0b9d · 6ab0b9d
2 parents b143289 + 2372ba0
commit 6ab0b9d
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/app/src/main/java/dev/dimension/flare/ui/screen/list/ListScreen.kt b/app/src/main/java/dev/dimension/flare/ui/screen/list/ListScreen.kt
@@ -287,15 +287,21 @@ internal fun LazyListScope.listItemComponent(
                 modifier = Modifier.fillParentMaxSize(),
                 contentAlignment = Alignment.Center,
             ) {
-                FAIcon(
-                    imageVector = FontAwesomeIcons.Solid.List,
-                    contentDescription = stringResource(id = R.string.list_empty),
-                    modifier = Modifier.size(48.dp),
-                )
-                Text(
-                    text = stringResource(id = R.string.list_empty),
-                    style = MaterialTheme.typography.headlineMedium,
-                )
+                Column(
+                    modifier = Modifier.fillParentMaxSize(),
+                    horizontalAlignment = Alignment.CenterHorizontally,
+                    verticalArrangement = Arrangement.spacedBy(8.dp),
+                ) {
+                    FAIcon(
+                        imageVector = FontAwesomeIcons.Solid.List,
+                        contentDescription = stringResource(id = R.string.list_empty),
+                        modifier = Modifier.size(48.dp),
+                    )
+                    Text(
+                        text = stringResource(id = R.string.list_empty),
+                        style = MaterialTheme.typography.headlineMedium,
+                    )
+                }
             }
         },
         loadingContent = {