Replace HomeAvatar with standard Icon and update top bar layout

- Remove HomeAvatar.kt and replace usages with standard Material Icons
- Update search and profile button sizes to 50dp and icon sizes to 30dp
- Add spacing between top bar actions in HomeTopBar
This commit is contained in:
2026-03-31 23:38:07 +02:00
parent 6852e0b13a
commit b08b74bab3
3 changed files with 20 additions and 57 deletions

View File

@@ -11,6 +11,7 @@ import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.outlined.Person import androidx.compose.material.icons.outlined.Person
import androidx.compose.material3.DropdownMenu import androidx.compose.material3.DropdownMenu
import androidx.compose.material3.DropdownMenuItem import androidx.compose.material3.DropdownMenuItem
import androidx.compose.material3.Icon
import androidx.compose.material3.IconButton import androidx.compose.material3.IconButton
import androidx.compose.material3.MaterialTheme import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Text import androidx.compose.material3.Text
@@ -81,13 +82,10 @@ fun DefaultTopBar(
.size(56.dp) .size(56.dp)
.clip(CircleShape), .clip(CircleShape),
) { ) {
HomeAvatar( Icon(
size = 56.dp, imageVector = Icons.Outlined.Person,
borderWidth = 1.dp, contentDescription = "Profile",
borderColor = scheme.outlineVariant, modifier = Modifier.size(30.dp),
backgroundColor = scheme.secondaryContainer,
icon = Icons.Outlined.Person,
iconTint = scheme.onSecondaryContainer
) )
} }
DropdownMenu( DropdownMenu(

View File

@@ -1,41 +0,0 @@
package hu.bbara.purefin.app.home.ui
import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material3.Icon
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.unit.Dp
@Composable
fun HomeAvatar(
size: Dp,
borderWidth: Dp,
borderColor: Color,
backgroundColor: Color,
icon: ImageVector,
iconTint: Color,
modifier: Modifier = Modifier
) {
Box(
modifier = modifier
.size(size)
.clip(CircleShape)
.border(borderWidth, borderColor, CircleShape)
.background(backgroundColor),
contentAlignment = Alignment.Center
) {
Icon(
imageVector = icon,
contentDescription = null,
tint = iconTint
)
}
}

View File

@@ -2,6 +2,7 @@ package hu.bbara.purefin.app.home.ui
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.size import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.CircleShape import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material.icons.Icons import androidx.compose.material.icons.Icons
@@ -72,26 +73,31 @@ fun HomeTopBar(
containerColor = scheme.secondary, containerColor = scheme.secondary,
contentColor = scheme.onSecondary, contentColor = scheme.onSecondary,
disabledContainerColor = scheme.secondary, disabledContainerColor = scheme.secondary,
disabledContentColor = scheme.onSecondary) disabledContentColor = scheme.onSecondary),
modifier = Modifier.size(50.dp),
) { ) {
Icon( Icon(
imageVector = Icons.Outlined.Search, imageVector = Icons.Outlined.Search,
contentDescription = "Search", contentDescription = "Search",
modifier = Modifier.size(30.dp),
) )
} }
Spacer(modifier = Modifier.size(12.dp))
IconButton( IconButton(
onClick = { isProfileMenuExpanded = true }, onClick = { isProfileMenuExpanded = true },
colors = IconButtonColors(
containerColor = scheme.secondary,
contentColor = scheme.onSecondary,
disabledContainerColor = scheme.secondary,
disabledContentColor = scheme.onSecondary),
modifier = Modifier modifier = Modifier
.size(48.dp) .size(50.dp)
.clip(CircleShape), .clip(CircleShape),
) { ) {
HomeAvatar( Icon(
size = 40.dp, imageVector = Icons.Outlined.Person,
borderWidth = 1.dp, contentDescription = "Profile",
borderColor = scheme.outlineVariant, modifier = Modifier.size(30.dp),
backgroundColor = scheme.secondaryContainer,
icon = Icons.Outlined.Person,
iconTint = scheme.onSecondaryContainer
) )
} }
DropdownMenu( DropdownMenu(