Quellcode durchsuchen

style: 修改AI BOT相关bug样式

zhouyuhao vor 6 Monaten
Ursprung
Commit
16c6a502a2

+ 1 - 1
src/components/VLoading/src/VLoading.vue

@@ -36,7 +36,7 @@ const props = withDefaults(defineProps<internalProps>(), {
 <style scoped>
 .v-loading-mask {
   position: absolute;
-  z-index: 2000;
+  z-index: 1499;
   margin: 0;
   top: 0;
   right: 0;

+ 20 - 4
src/styles/reset.scss

@@ -180,12 +180,16 @@ div.markdown-body {
   padding-left: 1em;
 }
 
-.markdown-body ul {
+div.markdown-body ul {
   list-style-type: disc;
+  margin-left: 8px;
+  padding-left: 16px;
 }
 
 .markdown-body ol {
   list-style-type: decimal;
+  margin-left: 8px;
+  padding-left: 16px;
 }
 
 .markdown-body li {
@@ -199,9 +203,21 @@ div.markdown-body {
   margin: 1em 0;
 }
 
-.markdown-body a {
-  color: #0366d6;
-  text-decoration: underline;
+div.markdown-body a {
+  color: var(--color-theme);
+  text-decoration: none;
+  & + a {
+    margin-left: 6px;
+  }
+}
+
+.markdown-body {
+  table {
+    td,
+    th {
+      text-align: left;
+    }
+  }
 }
 
 .markdown-body code {

+ 11 - 4
src/views/AIRobotChat/src/AIRobotChat.vue

@@ -468,6 +468,7 @@ defineExpose({
           <span class="font_family icon-icon_send_b"></span>
         </div>
       </div>
+      <div class="liability-exemption">Content is generated by Al, please check carefully!</div>
     </div>
   </div>
 </template>
@@ -475,9 +476,9 @@ defineExpose({
 <style lang="scss" scoped>
 .ai-robot {
   position: absolute;
-  top: 74px;
+  top: 24px;
   right: 24px;
-  height: calc(100% - 98px);
+  height: calc(100% - 48px);
   z-index: 2000;
   display: flex;
   flex-direction: column;
@@ -673,7 +674,7 @@ defineExpose({
       position: absolute;
       right: 50%;
       transform: translateX(50%);
-      bottom: 58px;
+      bottom: 76px;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -683,7 +684,7 @@ defineExpose({
       // background-color: #f5f4f4;
       background: rgba(255, 255, 255, 0.6); /* 半透明背景色 */
       box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.3);
-      backdrop-filter: blur(1px); /* 应用10px的模糊效果 */
+      backdrop-filter: blur(1.7px); /* 应用10px的模糊效果 */
       span {
         color: #2b2f36;
       }
@@ -740,6 +741,12 @@ defineExpose({
       }
     }
   }
+  .liability-exemption {
+    margin-top: 8px;
+    font-size: 12px;
+    color: var(--color-neutral-3);
+    text-align: center;
+  }
 
   @keyframes loading-rotate {
     0% {