chat-content.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /* 客户端自定义markdown元素 */
  2. .client-formated-markdown-element-item {
  3. }
  4. /**
  5. * 正文文档引用标记,点击此标记会弹出引用
  6. */
  7. .client-formated-markdown-doc-refference-flag {
  8. /* width: 13px;
  9. height: 13px;
  10. margin-left: 4px;
  11. border-radius: 50%;
  12. cursor: pointer;
  13. display: inline-block;
  14. border: 1px solid #888; */
  15. }
  16. .client-formated-markdown-doc-refference-flag .refference-flag-circle {
  17. width: 13px;
  18. height: 13px;
  19. margin-left: 4px;
  20. border-radius: 50%;
  21. cursor: pointer;
  22. display: inline-block;
  23. /* border: 1px solid #888; */
  24. border: 1px solid var(--color-text-1);
  25. }
  26. .client-formated-markdown-doc-refference-flag .refference-flag-circle::before {
  27. content: '!';
  28. font-size: 12px;
  29. /* color: #000; */
  30. color: var(--color-text-1);
  31. line-height: 12px;
  32. text-align: center;
  33. display: block;
  34. }
  35. /* 正文文档来源header */
  36. .client-formated-markdown-refference-header {
  37. display: flex;
  38. justify-content: space-between;
  39. align-items: center;
  40. }
  41. /* 正文底部文档引用列表 */
  42. .client-formated-markdown-doc-refference-container {
  43. list-style: none;
  44. margin: 0;
  45. padding: 0;
  46. }
  47. /* 文档来源样式开始 */
  48. .client-formated-markdown-doc-refference-item {
  49. display: flex;
  50. justify-content: flex-start;
  51. align-items: center;
  52. }
  53. .client-formated-markdown-doc-refference-item .refference-index {
  54. display: inline-block;
  55. background-color: #00aea333;
  56. color: #00aea3;
  57. padding: 1px 5px;
  58. border-radius: 2px;
  59. margin-right: 5px;
  60. font-size: 12px;
  61. cursor: pointer;
  62. }
  63. .client-formated-markdown-doc-refference-item .refference-label {
  64. }
  65. /* 文档来源样式结束 */
  66. /* 下载链接样式开始 */
  67. .client-formated-download-container {
  68. }
  69. .client-formated-download-container .download-link {
  70. display: flex;
  71. align-items: center;
  72. }
  73. .client-formated-download-container .download-link .download-icon {
  74. display: inline-block;
  75. margin-right: 5px;
  76. font-size: 18px;
  77. }
  78. /* 下载链接样式结束 */
  79. .dialog-markdown-container {
  80. }
  81. .dialog-markdown-container code {
  82. overflow-x: auto;
  83. }
  84. .dialog-markdown-container img {
  85. max-width: 600px;
  86. }