From aabd9df9546689a9911f54963a359d21d5a009a4 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Thu, 21 Dec 2023 15:34:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/components/dock.js | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/dist/components/dock.js b/dist/components/dock.js
index 755c68b..6b4601b 100644
--- a/dist/components/dock.js
+++ b/dist/components/dock.js
@@ -29,16 +29,24 @@ class Dock extends Component {
         padding: 12px;
         border-radius: 16px;
         background: rgba(255, 255, 255, 0.5);
+        color: var(--color-grey-3);
         transform: translateX(-100%);
         transition: transform 0.2s ease-in-out;
         box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
 
+        --wc-icon-size: 24px;
+
         &:hover {
           transform: translateX(0);
         }
       }
     `,
     css`
+      .icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
       .apps {
         display: flex;
         flex-direction: column;
@@ -88,21 +96,24 @@ class Dock extends Component {
     return html`
       <main class="container">
         <span
-          class="dashboard"
+          class="dashboard icon"
           @click=${_ => (this.$store.storeAppShow = true)}
+          ><wc-icon name="app"></wc-icon
         ></span>
         <mark class="pipe"></mark>
         <nav class="apps">
-          <a class="item"></a>
-          <a class="item"></a>
-          <a class="item"></a>
-          <a class="item"></a>
+          <a class="item icon"></a>
+          <a class="item icon"></a>
+          <a class="item icon"></a>
+          <a class="item icon"></a>
         </nav>
         <mark class="pipe"></mark>
         <span
-          class="trash"
+          class="trash icon"
           @click=${_ => (this.$store.aboutAppShow = true)}
-        ></span>
+        >
+          <wc-icon name="info"></wc-icon>
+        </span>
       </main>
     `
   }