web change
Browse files
app.py
CHANGED
|
@@ -137,6 +137,61 @@ body, .gradio-container {
|
|
| 137 |
color: #2c3e50 !important;
|
| 138 |
}
|
| 139 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 140 |
# .bot.svelte-1nr59td.message,
|
| 141 |
# .md.svelte-1hf8a14.chatbot.prose {
|
| 142 |
# width: 100% !important;
|
|
|
|
| 137 |
color: #2c3e50 !important;
|
| 138 |
}
|
| 139 |
|
| 140 |
+
/* 去除对顶部/底部padding的限制，针对左侧空白调整 */
|
| 141 |
+
|
| 142 |
+
/* 调整bot消息气泡和内容的水平内边距，减小左侧空白 */
|
| 143 |
+
.bot.svelte-1nr59td.message,
|
| 144 |
+
.message.svelte-1nr59td.panel-full-width {
|
| 145 |
+
padding-left: 8px !important;
|
| 146 |
+
padding-right: 8px !important;
|
| 147 |
+
/* 保持垂直方向的默认值 */
|
| 148 |
+
}
|
| 149 |
+
|
| 150 |
+
/* 针对包裹文字的主体内容再收紧左侧间距 */
|
| 151 |
+
.message-content {
|
| 152 |
+
padding-left: 0px !important;
|
| 153 |
+
margin-left: 0px !important;
|
| 154 |
+
}
|
| 155 |
+
|
| 156 |
+
/* markdown内容左对齐并贴近边界 */
|
| 157 |
+
.md.svelte-1hf8a14.chatbot.prose {
|
| 158 |
+
padding-left: 0px !important;
|
| 159 |
+
margin-left: 0px !important;
|
| 160 |
+
text-align: left !important;
|
| 161 |
+
}
|
| 162 |
+
|
| 163 |
+
.md.svelte-1hf8a14.chatbot.prose p {
|
| 164 |
+
margin-left: 0px !important;
|
| 165 |
+
padding-left: 0px !important;
|
| 166 |
+
}
|
| 167 |
+
|
| 168 |
+
/* 如果avatar容器有宽度推着内容偏右，收紧avatar距离 */
|
| 169 |
+
.avatar-container,
|
| 170 |
+
.avatar-image {
|
| 171 |
+
margin-right: 4px !important;
|
| 172 |
+
margin-left: 0px !important;
|
| 173 |
+
padding-left: 0px !important;
|
| 174 |
+
}
|
| 175 |
+
|
| 176 |
+
/* 防止多余左侧空列等推内容 */
|
| 177 |
+
div[data-testid="bot"] {
|
| 178 |
+
margin-left: 0px !important;
|
| 179 |
+
padding-left: 0px !important;
|
| 180 |
+
}
|
| 181 |
+
|
| 182 |
+
/* 如果还有未知的外层父容器引起左侧空白，可全局收紧消息气泡最外层的左边距/内边距 */
|
| 183 |
+
div.bot.svelte-1nr59td.message {
|
| 184 |
+
margin-left: 0px !important;
|
| 185 |
+
padding-left: 0px !important;
|
| 186 |
+
}
|
| 187 |
+
|
| 188 |
+
div.message.svelte-1nr59td.panel-full-width {
|
| 189 |
+
margin-left: 0px !important;
|
| 190 |
+
padding-left: 0px !important;
|
| 191 |
+
}
|
| 192 |
+
|
| 193 |
+
|
| 194 |
+
|
| 195 |
# .bot.svelte-1nr59td.message,
|
| 196 |
# .md.svelte-1hf8a14.chatbot.prose {
|
| 197 |
# width: 100% !important;
|