:lipstick: 外观调整

app/appearance/icons/ant/icon.js

@@ -6,10 +6,6 @@ document.body.insertAdjacentHTML('afterBegin', `<svg style="position: absolute;
   <symbol id="iconCloudSucc" viewBox="0 0 32 32">
     <path d="M16 8c3.493 0 6.507 2.48 7.187 5.907l0.4 2 2.040 0.147c2.080 0.133 3.707 1.88 3.707 3.947 0 2.2-1.8 4-4 4h-17.333c-2.947 0-5.333-2.387-5.333-5.333 0-2.733 2.040-5.013 4.747-5.293l1.427-0.147 0.667-1.267c1.267-2.44 3.747-3.96 6.493-3.96zM16 5.333c-3.853 0-7.2 2.187-8.867 5.387-4.013 0.427-7.133 3.827-7.133 7.947 0 4.413 3.587 8 8 8h17.333c3.68 0 6.667-2.987 6.667-6.667 0-3.52-2.733-6.373-6.2-6.613-0.907-4.6-4.947-8.053-9.8-8.053z"></path>
   </symbol>
-  <symbol id="iconCloudSync" viewBox="0 0 32 32">
-    <path d="M16 8c3.493 0 6.507 2.48 7.187 5.907l0.4 2 2.040 0.147c2.080 0.133 3.707 1.88 3.707 3.947 0 2.2-1.8 4-4 4h-17.333c-2.947 0-5.333-2.387-5.333-5.333 0-2.733 2.040-5.013 4.747-5.293l1.427-0.147 0.667-1.267c1.267-2.44 3.747-3.96 6.493-3.96zM16 5.333c-3.853 0-7.2 2.187-8.867 5.387-4.013 0.427-7.133 3.827-7.133 7.947 0 4.413 3.587 8 8 8h17.333c3.68 0 6.667-2.987 6.667-6.667 0-3.52-2.733-6.373-6.2-6.613-0.907-4.6-4.947-8.053-9.8-8.053z"></path>
-    <path d="M16 11.093v-1.84l-2.453 2.453 2.453 2.453v-1.84c2.030 0 3.68 1.65 3.68 3.68 0 0.619-0.153 1.208-0.429 1.717l0.895 0.895c0.478-0.754 0.761-1.65 0.761-2.613 0-2.711-2.196-4.907-4.907-4.907zM16 19.68c-2.030 0-3.68-1.65-3.68-3.68 0-0.619 0.153-1.208 0.429-1.717l-0.895-0.895c-0.478 0.754-0.761 1.65-0.761 2.613 0 2.711 2.196 4.907 4.907 4.907v1.84l2.453-2.453-2.453-2.453v1.84z"></path>
-  </symbol>
   <symbol id="iconCloudOff" viewBox="0 0 32 32">
     <path d="M32 18.76c0-3.52-2.733-6.373-6.2-6.613-0.907-4.6-4.947-8.053-9.8-8.053-1.773 0-3.427 0.48-4.867 1.293l1.987 1.987c0.893-0.387 1.853-0.613 2.88-0.613 4.053 0 7.333 3.28 7.333 7.333v0.667h2c2.213 0 4 1.787 4 4 0 1.32-0.64 2.467-1.613 3.2l1.88 1.88c1.453-1.227 2.4-3.027 2.4-5.080zM5.88 3.907l-1.88 1.88 3.693 3.693h-0.56c-4.013 0.427-7.133 3.827-7.133 7.947 0 4.413 3.587 8 8 8h15.64l2.667 2.667 1.88-1.88-22.307-22.307zM8 22.76c-2.947 0-5.333-2.387-5.333-5.333s2.387-5.333 5.333-5.333h2.307l10.667 10.667h-12.973z"></path>
   </symbol>

app/appearance/icons/index.html

@@ -40,12 +40,6 @@
         </svg>
         iconCloudOff
     </div>
-    <div>
-        <svg>
-            <use xlink:href="#iconCloudSync"></use>
-        </svg>
-        iconCloudSync
-    </div>
     <div>
         <svg>
             <use xlink:href="#iconCloudError"></use>

app/appearance/icons/material/icon.js

@@ -9,10 +9,6 @@ document.body.insertAdjacentHTML('afterbegin', `<svg style="position: absolute;
   <symbol id="iconCloudOff" viewBox="0 0 32 32">
     <path d="M32 18.76c0-3.52-2.733-6.373-6.2-6.613-0.907-4.6-4.947-8.053-9.8-8.053-1.773 0-3.427 0.48-4.867 1.293l1.987 1.987c0.893-0.387 1.853-0.613 2.88-0.613 4.053 0 7.333 3.28 7.333 7.333v0.667h2c2.213 0 4 1.787 4 4 0 1.32-0.64 2.467-1.613 3.2l1.88 1.88c1.453-1.227 2.4-3.027 2.4-5.080zM5.88 3.907l-1.88 1.88 3.693 3.693h-0.56c-4.013 0.427-7.133 3.827-7.133 7.947 0 4.413 3.587 8 8 8h15.64l2.667 2.667 1.88-1.88-22.307-22.307zM8 22.76c-2.947 0-5.333-2.387-5.333-5.333s2.387-5.333 5.333-5.333h2.307l10.667 10.667h-12.973z"></path>
   </symbol>
-  <symbol id="iconCloudSync" viewBox="0 0 32 32">
-    <path d="M16 8c3.493 0 6.507 2.48 7.187 5.907l0.4 2 2.040 0.147c2.080 0.133 3.707 1.88 3.707 3.947 0 2.2-1.8 4-4 4h-17.333c-2.947 0-5.333-2.387-5.333-5.333 0-2.733 2.040-5.013 4.747-5.293l1.427-0.147 0.667-1.267c1.267-2.44 3.747-3.96 6.493-3.96zM16 5.333c-3.853 0-7.2 2.187-8.867 5.387-4.013 0.427-7.133 3.827-7.133 7.947 0 4.413 3.587 8 8 8h17.333c3.68 0 6.667-2.987 6.667-6.667 0-3.52-2.733-6.373-6.2-6.613-0.907-4.6-4.947-8.053-9.8-8.053z"></path>
-    <path d="M16 11.093v-1.84l-2.453 2.453 2.453 2.453v-1.84c2.030 0 3.68 1.65 3.68 3.68 0 0.619-0.153 1.208-0.429 1.717l0.895 0.895c0.478-0.754 0.761-1.65 0.761-2.613 0-2.711-2.196-4.907-4.907-4.907zM16 19.68c-2.030 0-3.68-1.65-3.68-3.68 0-0.619 0.153-1.208 0.429-1.717l-0.895-0.895c-0.478 0.754-0.761 1.65-0.761 2.613 0 2.711 2.196 4.907 4.907 4.907v1.84l2.453-2.453-2.453-2.453v1.84z"></path>
-  </symbol>
   <symbol id="iconCloudError" viewBox="0 0 32 32">
     <path d="M14.866 19.922c0-0.619 0.502-1.12 1.12-1.12s1.12 0.502 1.12 1.12c0 0.619-0.502 1.12-1.12 1.12s-1.12-0.502-1.12-1.12z"></path>
     <path d="M14.866 10.958h2.241v6.723h-2.241z"></path>

app/src/dialog/processSystem.ts

@@ -351,9 +351,11 @@ export const processSync = (data?: IWebSocketData) => {
         }
         return;
     }
+    iconElement.firstElementChild.classList.remove("fn__rotate");
     if (data.code === 0) {  // syncing
         iconElement.classList.add("toolbar__item--active");
-        useElement.setAttribute("xlink:href", "#iconCloudSync");
+        iconElement.firstElementChild.classList.add("fn__rotate");
+        useElement.setAttribute("xlink:href", "#iconRefresh");
     } else if (data.code === 2) {    // error
         iconElement.classList.remove("toolbar__item--active");
         useElement.setAttribute("xlink:href", "#iconCloudError");