ui(chat): tighten padding + keep status in composer

This commit is contained in:
Peter Steinberger
2025-12-17 17:46:37 +01:00
parent cdea744725
commit 5b9e51bfaa
2 changed files with 10 additions and 11 deletions

View File

@@ -38,7 +38,7 @@ struct ClawdisChatComposer: View {
.lineLimit(2) .lineLimit(2)
} }
} }
.padding(12) .padding(10)
.background( .background(
RoundedRectangle(cornerRadius: 16, style: .continuous) RoundedRectangle(cornerRadius: 16, style: .continuous)
.fill(ClawdisChatTheme.card) .fill(ClawdisChatTheme.card)
@@ -115,9 +115,8 @@ struct ClawdisChatComposer: View {
} }
.buttonStyle(.plain) .buttonStyle(.plain)
} }
.padding(.horizontal, 10) .padding(.horizontal, 8)
.padding(.vertical, 6) .padding(.vertical, 5)
.padding(.horizontal, 10)
.background(Color.accentColor.opacity(0.08)) .background(Color.accentColor.opacity(0.08))
.clipShape(Capsule()) .clipShape(Capsule())
} }

View File

@@ -17,12 +17,12 @@ public struct ClawdisChatView: View {
ClawdisChatTheme.surface ClawdisChatTheme.surface
.ignoresSafeArea() .ignoresSafeArea()
VStack(spacing: 10) { VStack(spacing: 8) {
self.messageList self.messageList
ClawdisChatComposer(viewModel: self.viewModel) ClawdisChatComposer(viewModel: self.viewModel)
} }
.padding(.horizontal, 12) .padding(.horizontal, 8)
.padding(.vertical, 12) .padding(.vertical, 8)
.frame(maxWidth: .infinity) .frame(maxWidth: .infinity)
} }
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top) .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
@@ -39,7 +39,7 @@ public struct ClawdisChatView: View {
private var messageList: some View { private var messageList: some View {
ScrollViewReader { proxy in ScrollViewReader { proxy in
ScrollView { ScrollView {
LazyVStack(spacing: 14) { LazyVStack(spacing: 12) {
ForEach(self.viewModel.messages) { msg in ForEach(self.viewModel.messages) { msg in
ChatMessageBubble(message: msg) ChatMessageBubble(message: msg)
.frame( .frame(
@@ -66,9 +66,9 @@ public struct ClawdisChatView: View {
.frame(height: 1) .frame(height: 1)
.id(self.scrollerBottomID) .id(self.scrollerBottomID)
} }
.padding(.top, 12) .padding(.top, 8)
.padding(.bottom, 10) .padding(.bottom, 8)
.padding(.horizontal, 12) .padding(.horizontal, 10)
} }
.background( .background(
RoundedRectangle(cornerRadius: 16, style: .continuous) RoundedRectangle(cornerRadius: 16, style: .continuous)