let5see/clawdbot
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

ui(chat): reduce padding

Browse Source
This commit is contained in:
Peter Steinberger
2025-12-17 17:59:01 +01:00
parent 9fe04f5659
commit 6652b1f4f3
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/shared/ClawdisKit/Sources/ClawdisChatUI/ChatComposer.swift
View File

@@ -17,8 +17,8 @@ struct ClawdisChatComposer: View {
#endif
var body: some View {
VStack(alignment: .leading, spacing: 8) {
HStack(spacing: 10) {
VStack(alignment: .leading, spacing: 6) {
HStack(spacing: 8) {
self.thinkingPicker
Spacer()
self.refreshButton
@@ -38,7 +38,7 @@ struct ClawdisChatComposer: View {
.lineLimit(2)
}
}
.padding(10)
.padding(8)
.background(
RoundedRectangle(cornerRadius: 16, style: .continuous)
.fill(ClawdisChatTheme.card)
@@ -163,12 +163,12 @@ struct ClawdisChatComposer: View {
private var editorOverlay: some View {
ZStack(alignment: .topLeading) {
if self.viewModel.input.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
Text("Message Clawd…")
.foregroundStyle(.tertiary)
.padding(.horizontal, 10)
.padding(.vertical, 6)
}
if self.viewModel.input.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
Text("Message Clawd…")
.foregroundStyle(.tertiary)
.padding(.horizontal, 8)
.padding(.vertical, 6)
}
#if os(macOS)
ChatComposerTextView(text: self.$viewModel.input) {

12
apps/shared/ClawdisKit/Sources/ClawdisChatUI/ChatView.swift
View File

@@ -17,12 +17,12 @@ public struct ClawdisChatView: View {
ClawdisChatTheme.surface
.ignoresSafeArea()
VStack(spacing: 8) {
VStack(spacing: 6) {
self.messageList
ClawdisChatComposer(viewModel: self.viewModel)
}
.padding(.horizontal, 8)
.padding(.vertical, 8)
.padding(.horizontal, 6)
.padding(.vertical, 6)
.frame(maxWidth: .infinity)
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
@@ -66,9 +66,9 @@ public struct ClawdisChatView: View {
.frame(height: 1)
.id(self.scrollerBottomID)
}
.padding(.top, 8)
.padding(.bottom, 8)
.padding(.horizontal, 10)
.padding(.top, 4)
.padding(.bottom, 6)
.padding(.horizontal, 8)
}
.background(
RoundedRectangle(cornerRadius: 16, style: .continuous)