修改ui
This commit is contained in:
		| @@ -33,7 +33,7 @@ | ||||
|     <!-- content  --> | ||||
|     <div class="container-head" ref="container-head" | ||||
|       :class="[side == 'left' ? 'gradient-to-right' : 'gradient-to-left']"> | ||||
|       <Icon  :icon="icon"></Icon> | ||||
|       <Icon style="margin-left: 16px;" :icon="icon"></Icon> | ||||
|       <h2 class="container-title">{{ title }}</h2> | ||||
|     </div> | ||||
|     <div class="container-body" :class="[ | ||||
| @@ -78,6 +78,7 @@ export default { | ||||
| </script> | ||||
|  | ||||
| <style scoped lang="scss"> | ||||
|  | ||||
| .copilot-container { | ||||
|   height: 100%; | ||||
|   flex: 1; | ||||
| @@ -85,22 +86,22 @@ export default { | ||||
|   flex-direction: column; | ||||
|   position: relative; | ||||
|   box-shadow: inset 0 0 20px 1px #fff1; | ||||
|   border-right: 0.11415vw solid; | ||||
|   border-image: linear-gradient(to bottom,transparent 0%,rgba(5, 138, 237, .7) 40%, rgba(2, 82, 215, 0.24) 70%,) 71 71; | ||||
|   backdrop-filter: blur(4px); | ||||
|   &::before { | ||||
|     content: ""; | ||||
|     position: absolute; | ||||
|     display: inline-block; | ||||
|     height: 100%; | ||||
|     width: 0.11415vw; | ||||
|     border-radius: 2px; | ||||
|     top: 0%; | ||||
|     left: 0; | ||||
|     background: radial-gradient( | ||||
|       circle at center, | ||||
|       #024798 2%, | ||||
|       #024798 30%, | ||||
|       transparent | ||||
|     ); | ||||
|     height: 96%; | ||||
|       width: 0.11415vw; | ||||
|       border-radius: 2px; | ||||
|       top: 0%; | ||||
|       left: 0; | ||||
|       background: radial-gradient(circle at center, | ||||
|           #024798 2%, | ||||
|           #024798 100%, | ||||
|           transparent); | ||||
|     z-index: 1; | ||||
|   } | ||||
|  | ||||
| @@ -108,12 +109,12 @@ export default { | ||||
|     content: ""; | ||||
|     position: absolute; | ||||
|     display: inline-block; | ||||
|     width: 60%; | ||||
|     width: 80%; | ||||
|     height: 0.31415vh; | ||||
|     border-radius: 2px; | ||||
|     left: 8%; | ||||
|     left: 3%; | ||||
|     bottom: 0; | ||||
|     background: linear-gradient(to right, #024798, transparent); | ||||
|     background: linear-gradient(to left, transparent 10%, #024798 95%, transparent 98%); | ||||
|     z-index: 0; | ||||
|   } | ||||
|  | ||||
| @@ -126,7 +127,7 @@ export default { | ||||
|     gap: 8px; | ||||
|  | ||||
|     .container-title { | ||||
|       font-size: 1.18vw; | ||||
|       font-size: 1vw; | ||||
|       line-height: 1.39vw; | ||||
|       font-weight: normal; | ||||
|       letter-spacing: 2px; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user