ui(chat): tighten padding + keep status in composer
This commit is contained in:
@@ -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())
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user