index.module.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. .progressContainer {
  2. @apply relative pb-4 w-full;
  3. border-bottom: 0.5px solid #EAECF0;
  4. }
  5. .sourceItem {
  6. position: relative;
  7. display: flex;
  8. justify-content: space-between;
  9. align-items: center;
  10. margin-bottom: 4px;
  11. padding: 0 4px;
  12. height: 24px;
  13. background: #EFF4FF;
  14. border-radius: 6px;
  15. overflow: hidden;
  16. }
  17. .sourceItem.error {
  18. background: #FEE4E2;
  19. }
  20. .sourceItem.success {
  21. background: #D1FADF;
  22. }
  23. .progressbar {
  24. position: absolute;
  25. top: 0;
  26. left: 0;
  27. height: 100%;
  28. background-color: #B2CCFF;
  29. }
  30. .sourceItem .info {
  31. display: flex;
  32. align-items: center;
  33. }
  34. .sourceItem .info .name {
  35. font-weight: 500;
  36. font-size: 12px;
  37. line-height: 18px;
  38. color: #101828;
  39. }
  40. .sourceItem.success .info .name {
  41. color: #05603A;
  42. }
  43. .sourceItem .percent {
  44. font-weight: 500;
  45. font-size: 12px;
  46. line-height: 18px;
  47. color: #344054;
  48. }
  49. .sourceItem .error {
  50. color: #D92D20;
  51. }
  52. .sourceItem .success {
  53. color: #05603A;
  54. }
  55. .cost {
  56. @apply flex justify-between items-center text-xs text-gray-700;
  57. }
  58. .embeddingStatus {
  59. @apply flex items-center justify-between text-gray-900 font-medium text-sm mr-2;
  60. }
  61. .commonIcon {
  62. @apply w-3 h-3 mr-1 inline-block align-middle;
  63. }
  64. .highIcon {
  65. mask-image: url(../assets/star.svg);
  66. @apply bg-orange-500;
  67. }
  68. .economyIcon {
  69. background-color: #444ce7;
  70. mask-image: url(../assets/normal.svg);
  71. }
  72. .tokens {
  73. @apply text-xs font-medium px-1;
  74. }
  75. .price {
  76. color: #f79009;
  77. @apply text-xs font-medium;
  78. }
  79. .fileIcon {
  80. @apply w-4 h-4 mr-1 bg-center bg-no-repeat;
  81. background-image: url(../assets/unknow.svg);
  82. background-size: 16px;
  83. }
  84. .fileIcon.csv {
  85. background-image: url(../assets/csv.svg);
  86. }
  87. .fileIcon.xlsx,
  88. .fileIcon.xls {
  89. background-image: url(../assets/xlsx.svg);
  90. }
  91. .fileIcon.pdf {
  92. background-image: url(../assets/pdf.svg);
  93. }
  94. .fileIcon.html,
  95. .fileIcon.htm {
  96. background-image: url(../assets/html.svg);
  97. }
  98. .fileIcon.md,
  99. .fileIcon.markdown {
  100. background-image: url(../assets/md.svg);
  101. }
  102. .fileIcon.txt {
  103. background-image: url(../assets/txt.svg);
  104. }
  105. .fileIcon.json {
  106. background-image: url(../assets/json.svg);
  107. }