Skip to content

Conversation

@VolkovsaVSA
Copy link
Contributor

Summary

This PR enhances the visual appearance of category headers in the Control Panel module to improve visual hierarchy and readability.

Changes

  • Semi-transparent background: Added a subtle white background (alpha = 0.08) with rounded corners (8dp) to category headers
  • Bold typography: Increased font size to 18sp with FontWeight.Bold for better visual distinction
  • Improved spacing: Added horizontal padding (12dp) and spacing between category sections (8dp)

Visual Comparison

Before After
Category headers appear as plain text, blending with items below Category headers have subtle background, larger bold text, better separation

Technical Details

// Category header styling
Row(
    modifier = Modifier
       .fillMaxWidth()
       .background(
           color = Color.White.copy(alpha = 0.08f),
           shape = RoundedCornerShape(8.dp)
       )
       .padding(horizontal = 12.dp, vertical = 12.dp),
) {
    Text(
        text = category,
        fontSize = 18.sp,
        fontWeight = FontWeight.Bold,
    )
}

Screenshots

Simulator Screenshot - iPhone 17 - 2026-01-14 at 16 37 08

bartwell and others added 2 commits December 24, 2025 17:05
- Add semi-transparent background with rounded corners
- Increase font size to 18sp with bold weight
- Add horizontal padding and spacing between categories
- Improve visual hierarchy between categories and items
@bartwell bartwell changed the base branch from main to develop January 16, 2026 13:36
@bartwell bartwell self-requested a review January 16, 2026 13:36
@bartwell bartwell merged commit c4fa578 into bartwell:develop Jan 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants