mirror of
https://gitlab.opencode.de/bwi/bundesmessenger/clients/bundesmessenger-ios.git
synced 2026-04-25 11:02:48 +02:00
UI fixes
This commit is contained in:
@@ -22,7 +22,8 @@ struct DeviceAvatarView: View {
|
||||
@Environment(\.theme) var theme: ThemeSwiftUI
|
||||
|
||||
var viewData: DeviceAvatarViewData
|
||||
|
||||
var isSelected: Bool
|
||||
|
||||
var avatarSize: CGFloat = 40
|
||||
var badgeSize: CGFloat = 24
|
||||
|
||||
@@ -31,10 +32,12 @@ struct DeviceAvatarView: View {
|
||||
// Device image
|
||||
VStack(alignment: .center) {
|
||||
viewData.deviceType.image
|
||||
.renderingMode(isSelected ? .template : .original)
|
||||
.foregroundColor(isSelected ? theme.colors.background : nil)
|
||||
}
|
||||
.padding()
|
||||
.frame(maxWidth: CGFloat(avatarSize), maxHeight: CGFloat(avatarSize))
|
||||
.background(theme.colors.system)
|
||||
.background(isSelected ? theme.colors.primaryContent : theme.colors.system)
|
||||
.clipShape(Circle())
|
||||
|
||||
// Verification badge
|
||||
@@ -62,10 +65,10 @@ struct DeviceAvatarViewListPreview: View {
|
||||
var body: some View {
|
||||
HStack {
|
||||
VStack(alignment: .center, spacing: 20) {
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .web, verificationState: .verified))
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .desktop, verificationState: .unverified))
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .mobile, verificationState: .verified))
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .unknown, verificationState: .unverified))
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .web, verificationState: .verified), isSelected: false)
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .desktop, verificationState: .unverified), isSelected: false)
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .mobile, verificationState: .verified), isSelected: false)
|
||||
DeviceAvatarView(viewData: DeviceAvatarViewData(deviceType: .unknown, verificationState: .unverified), isSelected: false)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user