chore: updates by dingyi's feedbacks

src/routes/chat/Layout/Operations.js

@@ -28,6 +28,9 @@ const Styled = styled.div`
     &:disabled svg path {
       fill: #ccc;
     }
+    &:hover {
+      background: #eaecf0;
+    }
   }
   .close {
     cursor: pointer;

src/routes/chat/Layout/styled.js

@@ -19,6 +19,7 @@ const Styled = styled.article`
     justify-content: space-between;
     position: relative;
     > .chat {
+      border-bottom-right-radius: 16px;
       width: 100%;
       background-color: #fff;
       display: flex;

src/routes/favs/index.js

@@ -157,7 +157,7 @@ function FavsPage() {
             </span>
           );
           return (
-            <div className="fav" key={id}>
+            <div className="container" key={id}>
               <h4 className="tip">
                 {tip}
                 {dayjs(created_at).format("YYYY-MM-DD")}

src/routes/favs/styled.js

@@ -45,11 +45,14 @@ const Styled = styled.div`
     flex-direction: column;
     gap: 32px;
     overflow-y: scroll;
-    .fav {
+    .container {
       max-width: 600px;
       display: flex;
       flex-direction: column;
       gap: 4px;
+      > .favorite {
+        background: #f2f4f7;
+      }
       .tip {
         display: inline-flex;
         align-items: center;

src/routes/resources/Filter/Type.js

@@ -34,6 +34,10 @@ const Styled = styled.div`
       align-items: center;
       gap: 8px;
       color: #616161;
+      font-weight: 600;
+      font-size: 14px;
+      line-height: 20px;
+      color: #475467;
       .icon {
         width: 15px;
         height: auto;

src/routes/resources/View.js

@@ -16,6 +16,9 @@ const Styled = styled.ul`
     cursor: pointer;
     padding: 8px;
     box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   &.item .item,
   &.grid .grid {