Creepso/fluxa
1
0
Fork 0
mirror of https://github.com/FluxaMedia/fluxa.git synced 2026-08-16 12:13:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Give CategoryResultsScreen TV-appropriate spacing

Browse source 
Reached from every 'see all' row on Home/Discover; had no deviceType
awareness at all. Add TV padding/type-scale/grid sizing in line with
the other Tv*Screen wrappers. Card focus rings come from the
CatalogCard fix already landed.
This commit is contained in:
KhooLy 2026-07-19 23:27:14 +03:00
parent bc486ebd41
commit f1413e71c9
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
shared/src/commonMain/kotlin/com/fluxa/app/shared/FluxaApp.kt
View file

@ -329,6 +329,7 @@ fun FluxaApp(
language = state.language,
onBack = onCategoryBackRequested,
onItemSelected = onCategoryItemSelected,
deviceType = deviceType,
modifier = Modifier.fillMaxSize()
)
state.destination == FluxaDestination.Search && searchState != null && deviceType == com.fluxa.app.ui.catalog.DeviceType.TV -> com.fluxa.app.shared.feature.search.TvSearchScreen(

17
shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/catalog/CategoryResultsScreen.kt
View file

@ -20,6 +20,7 @@ import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.fluxa.app.common.AppStrings
import com.fluxa.app.ui.catalog.CatalogCard
import com.fluxa.app.ui.catalog.DeviceType
@Composable
fun CategoryResultsScreen(
@ -28,11 +29,15 @@ fun CategoryResultsScreen(
language: String?,
onBack: () -> Unit,
onItemSelected: (CatalogItemUiModel) -> Unit,
deviceType: DeviceType = DeviceType.Mobile,
modifier: Modifier = Modifier
) {
val isTv = deviceType == DeviceType.TV
Column(modifier = modifier.fillMaxSize()) {
Row(
modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp, vertical = 12.dp),
modifier = Modifier
.fillMaxWidth()
.padding(horizontal = if (isTv) 48.dp else 16.dp, vertical = if (isTv) 28.dp else 12.dp),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.spacedBy(12.dp)
) {
@ -42,16 +47,16 @@ fun CategoryResultsScreen(
Text(
text = title,
color = Color.White,
fontSize = 24.sp,
fontSize = if (isTv) 28.sp else 24.sp,
fontWeight = FontWeight.Bold
)
}
LazyVerticalGrid(
columns = GridCells.Adaptive(150.dp),
columns = GridCells.Adaptive(if (isTv) 170.dp else 150.dp),
modifier = Modifier.fillMaxSize(),
contentPadding = androidx.compose.foundation.layout.PaddingValues(16.dp),
horizontalArrangement = Arrangement.spacedBy(12.dp),
verticalArrangement = Arrangement.spacedBy(16.dp)
contentPadding = androidx.compose.foundation.layout.PaddingValues(horizontal = if (isTv) 48.dp else 16.dp, vertical = 16.dp),
horizontalArrangement = Arrangement.spacedBy(if (isTv) 20.dp else 12.dp),
verticalArrangement = Arrangement.spacedBy(if (isTv) 24.dp else 16.dp)
) {
items(items, key = { "${it.type}:${it.id}" }) { item ->
CatalogCard(model = item.card, onClick = { onItemSelected(item) })