Explorar el Código

fix: 修复样式异常的问题

zhupei@smartai.com hace 1 año
padre
commit
d5cfca5b4a

+ 10 - 7
src/modules/conversation-board/BoardAgentItem.vue

@@ -58,10 +58,10 @@ const handleClick = () => {
 }
 
 .agent-item-icon {
-  width: 36px;
-  height: 36px;
-  background-color: #ccc;
-  border-radius: 18px;
+  width: 44px;
+  height: 44px;
+  /* background-color: #ccc; */
+  border-radius: 50%;
 
   margin-right: 10px;
   margin-left: 10px;
@@ -83,8 +83,9 @@ const handleClick = () => {
 }
 
 .agent-item-intro-title {
-  font-size: 16px;
-  font-weight: bold;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 25.2px;
 
   margin-bottom: 8px;
 
@@ -102,6 +103,8 @@ const handleClick = () => {
   line-clamp: 2;
   overflow: hidden;
 
-  font-size: 13px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
 }
 </style>

+ 5 - 2
src/modules/conversation-board/BoardTags.vue

@@ -88,10 +88,13 @@ onMounted(() => {
   padding-left: 16px;
   padding-right: 16px;
 
-  border-radius: 8px;
+  border-radius: 5px;
 
   background-color: var(--color-bg-1);
-  color: var(--color-text-1);
+  /* color: var(--color-text-1); */
+  color: var(--color-text-3);
+
+  font-size: 14px;
 }
 
 .conversation-board-tags .board-tag.is-active {

+ 2 - 0
src/modules/conversation-board/BoardWelcome.vue

@@ -23,6 +23,8 @@ const current_u_name = computed(() => {
   font-size: 32px;
   font-weight: bold;
 
+  line-height: 44.8px;
+
   color: var(--color-text-1);
 }
 </style>

+ 3 - 1
src/modules/conversation-chat/DialogFooter.vue

@@ -14,6 +14,8 @@
 
   color: var(--color-text-3);
 
-  font-size: 12px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
 }
 </style>

+ 7 - 6
src/modules/conversation-history/HistoryItem.vue

@@ -183,12 +183,12 @@ const handleDeleteSuccess = () => {
 }
 
 .history-item-icon {
-  width: 26px;
-  height: 26px;
+  width: 20px;
+  height: 20px;
   /* background-color: #ccc; */
-  border-radius: 18px;
+  /* border-radius: 18px; */
 
-  margin-right: 5px;
+  margin-right: 13px;
   cursor: pointer;
 
   flex-shrink: 0;
@@ -204,8 +204,9 @@ const handleDeleteSuccess = () => {
 }
 
 .history-item-intro-title {
-  /* font-size: 16px; */
-  /* font-weight: bold; */
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19.6px;
 
   cursor: pointer;
 

+ 4 - 1
src/modules/conversation-history/HistoryTypeDropdown.vue

@@ -5,7 +5,10 @@
 
       <span class="label-text">{{ btn_label_str }}</span>
 
-      <span class="nav-item-icon arrow-down"><img src="../../assets/arrow-down.png" /></span>
+      <span class="nav-item-icon arrow-down">
+        <!-- <img src="../../assets/arrow-down.png" /> -->
+        <icon-down class="arrow-down" />
+      </span>
     </a-button>
 
     <a-button v-if="api_status === 2" class="history-type-btn" type="text"><a-spin :size="16" /></a-button>