| @@ -170,8 +170,29 @@ | ||
| 170 | 170 | gap: 8px !important; |
| 171 | 171 | margin-bottom: 8px !important; |
| 172 | 172 | } |
| 173 | 173 | |
| 174 | +div.bot-message h1.chat-heading { | |
| 175 | + font-size: 28px; | |
| 176 | +} | |
| 177 | + | |
| 178 | +div.bot-message h2.chat-heading { | |
| 179 | + font-size: 24px; | |
| 180 | +} | |
| 181 | + | |
| 182 | +div.bot-message h3.chat-heading { | |
| 183 | + font-size: 20px; | |
| 184 | +} | |
| 185 | + | |
| 186 | +div.bot-message h4.chat-heading { | |
| 187 | + font-size: 16px; | |
| 188 | +} | |
| 189 | + | |
| 190 | +div.bot-message h5.chat-heading { | |
| 191 | + font-size: 12px; | |
| 192 | +} | |
| 193 | + | |
| 194 | + | |
| 174 | 195 | .mxchat-site-icon { |
| 175 | 196 | width: 16px !important; |
| 176 | 197 | height: 16px !important; |
| 177 | 198 | flex-shrink: 0 !important; |
| @@ -263,15 +284,14 @@ | ||
| 263 | 284 | } |
| 264 | 285 | |
| 265 | 286 | .active-pdf-name { |
| 266 | 287 | font-size: 11px; |
| 267 | - color: #666; | |
| 268 | 288 | white-space: nowrap; |
| 269 | 289 | overflow: hidden; |
| 270 | 290 | text-overflow: ellipsis; |
| 271 | 291 | } |
| 272 | 292 | |
| 273 | -.remove-pdf-btn { | |
| 293 | +.remove-pdf-btn, .toolbar-perplexity { | |
| 274 | 294 | background: 0 0; |
| 275 | 295 | border: none; |
| 276 | 296 | padding: 2px; |
| 277 | 297 | margin-left: 4px; |
| @@ -279,9 +299,9 @@ | ||
| 279 | 299 | transition: opacity .2s; |
| 280 | 300 | line-height: 13px; |
| 281 | 301 | } |
| 282 | 302 | |
| 283 | -.remove-pdf-btn:hover { | |
| 303 | +.remove-pdf-btn:hover, .toolbar-perplexity:hover { | |
| 284 | 304 | opacity: 1; |
| 285 | 305 | background: none; |
| 286 | 306 | } |
| 287 | 307 | |
| @@ -293,8 +313,9 @@ | ||
| 293 | 313 | gap: 10px; |
| 294 | 314 | padding: 8px; |
| 295 | 315 | border-top: 1px solid #e5e5e5; |
| 296 | 316 | background: none; |
| 317 | + align-items: end; | |
| 297 | 318 | } |
| 298 | 319 | |
| 299 | 320 | #mxchat-chatbot .toolbar-btn { |
| 300 | 321 | background: none; |
| @@ -331,8 +352,26 @@ | ||
| 331 | 352 | background: none; |
| 332 | 353 | border: none; |
| 333 | 354 | } |
| 334 | 355 | |
| 356 | +/* Add this to your plugin's CSS */ | |
| 357 | +.toolbar-btn.active { | |
| 358 | + background-color: rgba(120, 115, 245, 0.2); | |
| 359 | + box-shadow: 0 0 0 2px rgba(120, 115, 245, 0.4); | |
| 360 | +} | |
| 361 | + | |
| 362 | + | |
| 363 | +.system-message { | |
| 364 | + padding: 8px 12px; | |
| 365 | + margin: 8px 0; | |
| 366 | + background-color: rgba(120, 115, 245, 0.1); | |
| 367 | + border-radius: 8px; | |
| 368 | + color: #555; | |
| 369 | + font-style: italic; | |
| 370 | + font-size: 14px; | |
| 371 | + text-align: center; | |
| 372 | +} | |
| 373 | + | |
| 335 | 374 | #mxchat-chatbot .spinner { |
| 336 | 375 | animation: rotate 2s linear infinite; |
| 337 | 376 | width: 20px; |
| 338 | 377 | height: 20px; |
| @@ -1165,6 +1204,20 @@ | ||
| 1165 | 1204 | } |
| 1166 | 1205 | |
| 1167 | 1206 | |
| 1168 | 1207 | |
| 1208 | +/* Simplified styles for Perplexity status indicator */ | |
| 1209 | +#active-perplexity-container { | |
| 1210 | + display: flex; | |
| 1211 | + align-items: center; | |
| 1212 | + margin-left: 8px; | |
| 1213 | + font-size: 12px; | |
| 1214 | +} | |
| 1215 | + | |
| 1216 | +#active-perplexity-status { | |
| 1217 | +} | |
| 1218 | + | |
| 1219 | +#perplexity-search-btn.active { | |
| 1220 | + opacity: 1; | |
| 1221 | +} | |
| 1169 | 1222 | |
| 1170 | 1223 | |
