Rosetta/mobile-ios
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Тулбар ChatDetail по Figma: capsule back-кнопка, аватар 44×44, padding и размеры

Browse Source
This commit is contained in:
senseiGai
2026-03-10 00:48:26 +05:00
parent 4dd46b1cf6
commit 2cc780201d
16 changed files with 497 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
Rosetta/Features/Chats/ChatDetail/ChatDetailView.swift
View File

@@ -138,23 +138,22 @@ private extension ChatDetailView {
@ToolbarContentBuilder
var chatDetailToolbar: some ToolbarContent {
ToolbarItem(placement: .navigationBarLeading) {
Button { dismiss() } label: { backCircleButtonLabel }
.frame(width: 36, height: 36)
.background { glass(shape: .circle, strokeOpacity: 0.22, strokeColor: .white) }
Button { dismiss() } label: { backCapsuleButtonLabel }
.buttonStyle(.plain)
.accessibilityLabel("Back")
}
ToolbarItem(placement: .principal) {
Button { dismiss() } label: {
VStack(spacing: 1) {
HStack(spacing: 3) {
HStack(spacing: 4) {
Text(titleText)
.font(.system(size: 15, weight: .semibold))
.foregroundStyle(RosettaColors.Adaptive.text)
.lineLimit(1)
if !route.isSavedMessages && effectiveVerified > 0 {
VerifiedBadge(verified: effectiveVerified, size: 12)
VerifiedBadge(verified: effectiveVerified, size: 14)
}
}
@@ -167,39 +166,43 @@ private extension ChatDetailView {
)
.lineLimit(1)
}
.padding(.horizontal, 12)
.padding(.horizontal, 16)
.frame(height: 44)
.background {
glass(shape: .capsule, strokeOpacity: 0.22, strokeColor: .white)
}
}
.buttonStyle(.plain)
}
ToolbarItem(placement: .navigationBarTrailing) {
AvatarView(
initials: avatarInitials,
colorIndex: avatarColorIndex,
size: 35,
size: 38,
isOnline: false,
isSavedMessages: route.isSavedMessages
)
.frame(width: 36, height: 36)
.frame(width: 44, height: 44)
.background { glass(shape: .circle, strokeOpacity: 0.22, strokeColor: .white) }
}
}
private var backCircleButtonLabel: some View {
ZStack {
TelegramVectorIcon(
pathData: TelegramIconPath.backChevron,
viewBox: CGSize(width: 11, height: 20),
color: .white
)
.frame(width: 11, height: 20)
.allowsHitTesting(false)
private var backCapsuleButtonLabel: some View {
TelegramVectorIcon(
pathData: TelegramIconPath.backChevron,
viewBox: CGSize(width: 11, height: 20),
color: .white
)
.frame(width: 11, height: 20)
.allowsHitTesting(false)
.frame(width: 36, height: 36)
.frame(height: 44)
.padding(.horizontal, 4)
.background {
glass(shape: .capsule, strokeOpacity: 0.22, strokeColor: .white)
}
.frame(width: 36, height: 36) // iOS hit-area
}
// MARK: - Existing helpers / UI