s

package.json

@@ -65,12 +65,9 @@
     "less": "^4.1.3",
     "lint-staged": "^13.1.2",
     "markdown-it-link-attributes": "^4.0.1",
-    "node-sass": "^9.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.21",
     "rimraf": "^4.3.0",
-    "sass": "^1.70.0",
-    "sass-loader": "^14.1.0",
     "tailwindcss": "^3.2.7",
     "typescript": "~4.9.5",
     "unplugin-auto-import": "^0.17.5",

src/views/chat/index.vue

@@ -612,7 +612,7 @@ const customRequest = async (file) => {
 		</footer>
 	</div>
 </template>
-<style lang="scss" scoped>
+<style scoped>
 .fade-enter-active, .fade-leave-active {
   transition: opacity 0.4s ease-in-out;
 }
@@ -626,11 +626,10 @@ const customRequest = async (file) => {
 	z-index: 10;
 	left: 50%;
 	bottom: 100px;
-	.top {
+}
+.shortcut-arrow .top {
   transform: rotate(270deg) translateX(-50%);
   width: min-content;
   height: min-content;
-
-	}
 }
 </style>