Enhancing Profile UI Consistency and Layout Responsiveness
Description
This PR focuses on enhancing the ProfileComponents.kt, CreateProfile.kt, and Type.kt files. Key updates include refining UI components for consistent styling and typography, improving layout responsiveness, and converting the profile creation screen layout for better performance. This PR closes issue #169, subtask from #82.
Changes
Modified Files
ProfileComponents.kt:
Updated ProfilePicture component to use a standardized size dimension.
Enhanced ProfileSection and input fields (ProfileInputName, ProfileInputDob, ProfileInputDescription) with improved padding, focus handling, and consistent typography.
Modified ProfileSaveButton to feature rounded corners and an updated text style.
CreateProfile.kt:
Converted layout from Column to LazyColumn for improved scrolling performance and flexibility.
Type.kt:
Added and refined various typography styles (titleSmall, bodyMedium, etc.) to ensure consistent text rendering across different screens.
Added Files
Dimens.kt:
Introduced new dimensions for profile-related components such as picture size and padding.
Dependencies Added
N/A
Testing
Verified responsiveness and styling consistency across various screen sizes.
Ensured consistent typography and UI elements for profile creation and editing.
Enhancing Profile UI Consistency and Layout Responsiveness
Description
This PR focuses on enhancing the
ProfileComponents.kt
,CreateProfile.kt
, andType.kt
files. Key updates include refining UI components for consistent styling and typography, improving layout responsiveness, and converting the profile creation screen layout for better performance. This PR closes issue #169, subtask from #82.Changes
Modified Files
ProfileComponents.kt
:ProfilePicture
component to use a standardized size dimension.ProfileSection
and input fields (ProfileInputName
,ProfileInputDob
,ProfileInputDescription
) with improved padding, focus handling, and consistent typography.ProfileSaveButton
to feature rounded corners and an updated text style.CreateProfile.kt
:Column
toLazyColumn
for improved scrolling performance and flexibility.Type.kt
:titleSmall
,bodyMedium
, etc.) to ensure consistent text rendering across different screens.Added Files
Dimens.kt
:Dependencies Added
Testing
Screenshots