koishi-plugin-adapter-onebot-multi 0.0.6 → 0.0.7

package/lib/index.js

@@ -1779,7 +1779,8 @@ var StatusPanel = class {
     .bot-avatar { width: 64px; height: 64px; border: var(--nl-border); border-radius: 50%; background: #fff; }
     .bot-info { flex: 1; }
     .bot-id { font-weight: 900; font-size: 1.2rem; }
-    .bot-protocol { color: #92400e; font-size: 0.9rem; font-weight: 700; background: #fffbeb; display: inline-block; padding: 2px 6px; border: 2px solid #451a03; border-radius: 6px; margin-top: 4px; }
+    .bot-protocol { color: #92400e; font-size: 0.9rem; font-weight: 700; background: #fffbeb; display: inline-block; padding: 2px 6px; border: 2px solid #451a03; border-radius: 6px; margin-top: 4px; text-decoration: none; cursor: pointer; transition: all 0.15s; }
+    .bot-protocol:hover { background: #fef3c7; transform: scale(1.02); }
     .status-badge { padding: 0.4rem 0.8rem; border: 2px solid #451a03; border-radius: 20px; font-size: 0.8rem; font-weight: 900; }
     .status-online { background: #dcfce7; border-color: #10b981; color: #15803d; }
     .status-offline { background: #fee2e2; border-color: #ef4444; color: #b91c1c; }
@@ -1805,9 +1806,39 @@ var StatusPanel = class {
     .empty-state h3 { font-size: 1.5rem; margin-bottom: 1rem; }
     .footer { margin-top: 3rem; text-align: center; font-weight: 700; color: #92400e; }
     @media (max-width: 768px) {
-      body { padding: 1rem; align-items: flex-start; }
-      .admin-container { padding: 1rem; }
+      body { padding: 0.5rem; align-items: flex-start; }
+      .auth-box { padding: 1.5rem; margin: 0.5rem; }
+      .auth-box h1 { font-size: 1.4rem; }
+      .admin-container { padding: 0.75rem; border-radius: 12px; }
+      .admin-container h1 { font-size: 1.3rem; margin-bottom: 0.75rem; }
+      .toolbar { gap: 0.4rem; margin-bottom: 0.75rem; flex-wrap: wrap; }
+      .toolbar .btn { padding: 0.5rem 0.8rem; font-size: 0.8rem; }
+      .bots { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
+      .bot-card { padding: 0.75rem; border-radius: 10px; box-shadow: 2px 2px 0 #451a03; }
+      .bot-card:hover { transform: none; box-shadow: 2px 2px 0 #451a03; }
+      .bot-header { gap: 0.5rem; margin-bottom: 0.5rem; }
+      .bot-avatar { width: 36px; height: 36px; }
+      .bot-info { min-width: 0; }
+      .bot-id { font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+      .bot-protocol { font-size: 0.7rem; padding: 1px 4px; }
+      .status-badge { padding: 0.2rem 0.4rem; font-size: 0.65rem; }
+      .bot-stats { padding: 0.5rem; gap: 4px; grid-template-columns: repeat(3, 1fr); border-radius: 8px; margin-bottom: 0.5rem; }
+      .bot-stat-label { font-size: 0.6rem; }
+      .bot-stat-value { font-size: 0.75rem; }
+      .bot-actions { gap: 0.3rem; }
+      .bot-actions .btn { padding: 0.3rem 0.5rem; font-size: 0.7rem; }
+      .modal-content { padding: 1rem; margin: 0.5rem; }
+      .modal h2 { font-size: 1.1rem; }
+      .modal-actions { flex-direction: column; gap: 0.5rem; }
+      .toast { left: 0.5rem; right: 0.5rem; transform: none; text-align: center; padding: 0.75rem; font-size: 0.85rem; }
+      .footer { margin-top: 1.5rem; font-size: 0.8rem; }
+    }
+    @media (max-width: 400px) {
+      .toolbar { flex-direction: column; }
+      .toolbar .btn { width: 100%; text-align: center; }
       .bots { grid-template-columns: 1fr; }
+      .bot-stats { grid-template-columns: repeat(3, 1fr); }
+      .bot-actions { flex-direction: row; flex-wrap: wrap; }
     }
   </style>
 </head>
@@ -2224,7 +2255,7 @@ var StatusPanel = class {
             <img class="bot-avatar" src="http://q.qlogo.cn/headimg_dl?dst_uin=${bot.selfId}&spec=640" alt="avatar">
             <div class="bot-info">
               <div class="bot-id">${displayName}</div>
-              <div class="bot-protocol">QQ: ${bot.selfId}</div>
+              <a class="bot-protocol" href="https://wpa.qq.com/msgrd?v=3&uin=${bot.selfId}&site=qq&menu=yes" target="_blank" title="点击添加好友">QQ: ${bot.selfId}</a>
             </div>
             <span class="status-badge status-${bot.status}">${statusText}</span>
           </div>
@@ -2320,7 +2351,8 @@ var StatusPanel = class {
     .bot-avatar { width: 64px; height: 64px; border: var(--nl-border); border-radius: 50%; background: #fff; }
     .bot-info { flex: 1; }
     .bot-id { font-weight: 900; font-size: 1.2rem; }
-    .bot-protocol { color: #92400e; font-size: 0.9rem; font-weight: 700; background: #fffbeb; display: inline-block; padding: 2px 6px; border: 2px solid #451a03; border-radius: 6px; margin-top: 4px; }
+    .bot-protocol { color: #92400e; font-size: 0.9rem; font-weight: 700; background: #fffbeb; display: inline-block; padding: 2px 6px; border: 2px solid #451a03; border-radius: 6px; margin-top: 4px; text-decoration: none; cursor: pointer; transition: all 0.15s; }
+    .bot-protocol:hover { background: #fef3c7; transform: scale(1.02); }
     .status-badge { padding: 0.4rem 0.8rem; border: 2px solid #451a03; border-radius: 20px; font-size: 0.8rem; font-weight: 900; }
     .status-online { background: #dcfce7; border-color: #10b981; color: #15803d; }
     .status-offline { background: #fee2e2; border-color: #ef4444; color: #b91c1c; }
@@ -2331,9 +2363,6 @@ var StatusPanel = class {
     .bot-stat-value { font-weight: 700; font-size: 1rem; }
     .footer { margin-top: 3rem; text-align: center; font-weight: 700; color: #92400e; }
     .refresh-btn {
-      position: fixed;
-      bottom: 2rem;
-      right: 2rem;
       background: var(--nl-primary);
       border: var(--nl-border);
       color: var(--nl-text);
@@ -2344,14 +2373,10 @@ var StatusPanel = class {
       font-weight: 800;
       box-shadow: var(--nl-shadow);
       transition: all 0.1s;
-      z-index: 100;
     }
     .refresh-btn:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 #451a03; }
     .refresh-btn:active { transform: translate(1px, 1px); box-shadow: 2px 2px 0 #451a03; }
     .admin-btn {
-      position: fixed;
-      bottom: 2rem;
-      right: 9rem;
       background: #f3f4f6;
       border: var(--nl-border);
       color: var(--nl-text);
@@ -2362,15 +2387,52 @@ var StatusPanel = class {
       font-weight: 800;
       box-shadow: var(--nl-shadow);
       transition: all 0.1s;
-      z-index: 100;
       text-decoration: none;
     }
     .admin-btn:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 #451a03; }
     .admin-btn:active { transform: translate(1px, 1px); box-shadow: 2px 2px 0 #451a03; }
+    .floating-btns {
+      position: fixed;
+      bottom: 1.5rem;
+      right: 1.5rem;
+      display: flex;
+      gap: 0.75rem;
+      z-index: 100;
+    }
     @media (max-width: 768px) {
-      body { padding: 1rem; }
-      .container { padding: 1rem; }
-      .stats { grid-template-columns: 1fr; }
+      body { padding: 0.5rem; }
+      .container { padding: 0.75rem; border-radius: 12px; }
+      h1 { font-size: 1.3rem !important; margin-bottom: 1rem !important; }
+      .stats { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin-bottom: 1rem; }
+      .stat-card { padding: 0.5rem; border-radius: 10px; }
+      .stat-value { font-size: 1.5rem; }
+      .stat-label { font-size: 11px; }
+      .bots { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
+      .bot-card { padding: 0.75rem; border-radius: 10px; box-shadow: 2px 2px 0 #451a03; }
+      .bot-card:hover { transform: none; box-shadow: 2px 2px 0 #451a03; }
+      .bot-header { gap: 0.5rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
+      .bot-avatar { width: 36px; height: 36px; }
+      .bot-info { flex: 1; min-width: 0; }
+      .bot-id { font-size: 0.85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+      .bot-protocol { font-size: 0.7rem; padding: 1px 4px; }
+      .status-badge { padding: 0.2rem 0.4rem; font-size: 0.65rem; }
+      .bot-stats { padding: 0.5rem; gap: 4px; grid-template-columns: repeat(3, 1fr); border-radius: 8px; }
+      .bot-stat-label { font-size: 0.6rem; }
+      .bot-stat-value { font-size: 0.75rem; }
+      .footer { margin-top: 1rem; font-size: 0.75rem; }
+      .floating-btns { bottom: 0.75rem; right: 0.75rem; gap: 0.4rem; }
+      .admin-btn, .refresh-btn {
+        position: static;
+        padding: 0.5rem 0.8rem;
+        font-size: 0.8rem;
+        border-width: 2px;
+        box-shadow: 2px 2px 0 #451a03;
+      }
+    }
+    @media (max-width: 400px) {
+      .bots { grid-template-columns: 1fr; }
+      .bot-stats { grid-template-columns: repeat(3, 1fr); }
+      .floating-btns { flex-direction: row; }
     }
   </style>
 </head>
@@ -2385,8 +2447,10 @@ var StatusPanel = class {
     <div class="bots">${botCardsHtml}</div>
     <div class="footer">更新时间: ${updatedAtStr}</div>
   </div>
-  <a href="${basePath}/admin" class="admin-btn">管理 🛠️</a>
-  <button class="refresh-btn" onclick="location.reload()">刷新 ⚡</button>
+  <div class="floating-btns">
+    <a href="${basePath}/admin" class="admin-btn">管理 🛠️</a>
+    <button class="refresh-btn" onclick="location.reload()">刷新 ⚡</button>
+  </div>
   <script>setTimeout(() => location.reload(), 30000)</script>
 </body>
 </html>`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-adapter-onebot-multi",
   "description": "奶龙bot定制版onebot适配器，支持自动负载均衡，适配器级黑名单/白名单，提供webui，可指定端口",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [