flat style for msg attachments
3clyp50 committed
Jan 19, 2026 at 21:34 UTC
61f431ae3a1638c0497c917413186b8e76a43e22
2 files changed
+26
-15
webui/css/messages.css
-15
@@ -70,14 +70,6 @@
70
margin: 0;
71
}
72
73
-.center-container .message {
74
- /* margin-bottom: var(--spacing-sm); */
75
-}
76
-
77
-.message .message-body {
78
- /* padding-top: 0.5em;
79
- padding-bottom: 0.5em; */
80
-}
73
74
.message-user {
75
text-align: end;
@@ -111,19 +103,12 @@
103
color: #2e2e2e;
104
} */
105
114
-.message-ai {
115
- /* border-bottom-left-radius: var(--spacing-xxs); */
116
-}
106
107
.message-center {
108
align-self: center;
109
/* border-bottom-left-radius: unset; */
110
}
111
123
-.message-followup {
124
- /* margin-left: var(--spacing-lg); */
125
- /* margin-bottom: var(--spacing-lg); */
126
-}
112
113
.message-followup .message {
114
border-radius: 0;
webui/index.css
+26
@@ -747,6 +747,32 @@ h4 {
747
748
}
749
750
+/* Chat-history attachments overrides (flat styling) */
751
+
752
+#chat-history .attachments-container {
753
+ padding: 0 !important;
754
+}
755
+
756
+#chat-history .attachment-item {
757
+ padding: 0 !important;
758
+ background-color: transparent !important;
759
+ border: none !important;
760
+ box-shadow: none !important;
761
+ transform: none !important;
762
+}
763
+
764
+#chat-history .attachment-item:hover {
765
+ background-color: transparent !important;
766
+ border: none !important;
767
+ box-shadow: none !important;
768
+ transform: none !important;
769
+}
770
+
771
+#chat-history .attachment-preview,
772
+#chat-history .attachment-item.image-type .attachment-preview {
773
+ background: transparent;
774
+}
775
+
776
.attachment-image .attachment-preview {
777
margin-right: 0;
778
}