fix some bug

code-server-like/static/css/index.css

@@ -49,22 +49,40 @@ body {
 }
 #searchSidebar {  border-left: 1px solid #ddd;  display: none; overflow-y: auto; }
 
-/* 给按钮设置统一的样式 */
-#topbar button {
-    background: none;
-    border: none;
-    font-size: 12px; /* 可以调整图标的大小 */
-    cursor: pointer;
-    padding: 2px;
-    color: #333;
-    transition: color 0.3s ease;
+  /* 按钮默认样式 */
+  #topbar button {
+      background: none;
+      border: none;
+      font-size: 12px;
+      cursor: pointer;
+      padding: 2px;
+      color: #333;
+      transition: color 0.3s ease;
   }
-  
+
   /* 鼠标悬浮时改变图标的颜色 */
   #topbar button:hover {
-    color: #007bff;
+      color: #007bff;
   }
-  
+
+  /* 按钮动画效果 */
+  @keyframes bounce {
+    0% { transform: scale(1);color: #007bff; }
+    30% { transform: scale(1.2); color: #007bff;}
+    50% { transform: scale(1); color: #007bff;}
+    70% { transform: scale(1.2); color: #007bff;}
+    100% { transform: scale(1); color: #007bff;}
+  }
+
+  .bounce-animation {
+    animation: bounce 0.5s ease-in-out; /* 持续0.5秒 */
+  }
+
+  .bigger-color {
+    color: #007bff; /* 点击后颜色变化 */
+    font-size: 14px; /* 放大字体 */
+  }
+
   /* 可以根据需要设置按钮的大小和间距 */
   #newFileBtn, #newFolderBtn, #toggleSearchBtn, #refreshBtn, #openTerminalBtn, #saveBtn {
     margin-right: 10px;