perf(style): use skill

components/layout/AppLayout.module.css

@@ -57,16 +57,56 @@
   padding: 8px 8px 0;
 }
 
+.navbarIconLink {
+  display: flex;
+  width: 100%;
+  min-height: 40px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  color: #4e5969;
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
+}
+
+.navbarIconLink:hover {
+  background: #eef4ff;
+  color: #1874ff;
+}
+
+.navbarIconLinkActive {
+  background: #e7efff;
+  color: #1874ff;
+}
+
 .navbarFooter {
   border-top: 1px solid #e5e6eb;
-  padding: 6px 0 0;
+  padding: 4px 8px;
+}
+
+.navbarToggleIcon {
+  display: inline-flex;
+  width: 36px;
+  height: 36px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  color: #4e5969;
+  transition:
+    background-color 0.2s ease,
+    color 0.2s ease;
+}
+
+.navbarToggleIcon:hover {
+  background: #f2f3f5;
+  color: #1874ff;
 }
 
 .main {
   background: #f7f8fa;
 }
 
-
 .userName {
   color: #1d2129;
   font-size: 14px;
@@ -78,4 +118,4 @@
   color: #86909c;
   font-size: 12px;
   line-height: 14px;
-}
+}