A couple of fixes to match the Figma more closely.

This commit is contained in:
Doug
2026-05-27 11:19:20 +01:00
committed by Stefan Ceriu
parent bf1d84bf5e
commit e0b7f1b3fa
50 changed files with 127 additions and 127 deletions
@@ -58,16 +58,17 @@ struct RoomListFiltersView: View {
}
private func clearButton(scrollViewProxy: ScrollViewProxy) -> some View {
Button(action: {
Button {
withAnimation(.easeInOut(duration: 0.2).disabledDuringTests()) {
state.clearFilters()
scrollViewProxy.scrollTo(leadingID, anchor: .leading)
}
}, label: {
CompoundIcon(\.close, size: .small, relativeTo: .compound.bodyLG)
.foregroundColor(.compound.iconOnSolidPrimary)
.background(Circle().fill(Color.compound.bgActionPrimaryRest))
})
} label: {
CompoundIcon(\.close, size: .xSmall, relativeTo: .compound.bodyLG)
.foregroundStyle(.compound.iconOnSolidPrimary)
.padding(4)
.background(.compound.bgActionPrimaryRest, in: .circle)
}
.accessibilityLabel(L10n.screenRoomlistClearFilters)
}
@@ -25,14 +25,14 @@ struct HomeScreenNewSoundBanner: View {
var content: some View {
VStack(alignment: .leading, spacing: 4) {
HStack(alignment: .firstTextBaseline, spacing: 16) {
HStack(alignment: .center, spacing: 16) {
Text(L10n.bannerNewSoundTitle)
.font(.compound.bodyLGSemibold)
.foregroundColor(.compound.textPrimary)
.frame(maxWidth: .infinity, alignment: .leading)
Button(action: dismissAction) {
CompoundIcon(\.close, size: .small, relativeTo: .compound.bodyMD)
CompoundIcon(\.close, size: .medium, relativeTo: .compound.bodyLGSemibold)
.foregroundColor(.compound.iconSecondary)
}
}
@@ -56,7 +56,7 @@ struct HomeScreenRecoveryKeyConfirmationBanner: View {
var content: some View {
VStack(alignment: .leading, spacing: 4) {
HStack(alignment: .firstTextBaseline, spacing: 16) {
HStack(alignment: .center, spacing: 16) {
Text(title)
.font(.compound.bodyLGSemibold)
.foregroundColor(.compound.textPrimary)
@@ -66,7 +66,7 @@ struct HomeScreenRecoveryKeyConfirmationBanner: View {
Button {
context.send(viewAction: .skipRecoveryKeyConfirmation)
} label: {
CompoundIcon(\.close, size: .small, relativeTo: .compound.bodyMD)
CompoundIcon(\.close, size: .medium, relativeTo: .compound.bodyLGSemibold)
.foregroundColor(.compound.iconSecondary)
}
}