feat: login overlay ui fix

open-isle-cli/src/components/LoginOverlay.vue

@@ -1,8 +1,13 @@
 <template>
-  <div class="login-overlay" @click="goLogin">
+  <div class="login-overlay">
+    <i class="fa-solid fa-user login-overlay-icon"></i>
     <div class="login-overlay-text">
       请先登录，点击跳转到登录页面
     </div>
+
+    <div class="login-overlay-button" @click="goLogin">
+      登录
+    </div>
   </div>
 </template>
 
@@ -28,12 +33,29 @@ export default {
   left: 0;
   right: 0;
   bottom: 0;
-  background: rgba(255, 255, 255, 0.7);
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
-  cursor: pointer;
   z-index: 15;
 }
+
+.login-overlay-icon {
+  margin-right: 10px;
+}
+
+.login-overlay-button {
+  padding: 4px 8px;
+  border-radius: 5px;
+  background-color: var(--primary-color);
+  color: white;
+  cursor: pointer;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.login-overlay-button:hover {
+  background-color: var(--primary-color-hover);
+}
+
 </style>