✨ 优化UI样式，新增截图功能和储存显示

api/frontend/web/assets/index-Box2hhZm.css

@@ -1 +0,0 @@
-:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{color:#fff;background-color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.logo[data-v-13414ec4]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-13414ec4]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-13414ec4]:hover{filter:drop-shadow(0 0 2em #42b883aa)}footer[data-v-13414ec4]{text-align:center;padding:1em;color:#666}.online-status[data-v-311f3e51]{position:relative;width:15px;height:15px}.dot[data-v-311f3e51]{width:100%;height:100%;border-radius:50%;z-index:1}.pulse[data-v-311f3e51]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:pulse-311f3e51 1.5s infinite;z-index:0}@keyframes pulse-311f3e51{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}[data-v-dcf8aa52]:root{--text-color-1: #000;--text-color-2: #383838;--liteyuki-color-1: #d0e9ff;--liteyuki-color-2: #a2d8f4}.meta-1 .outline-anime[data-v-dcf8aa52]{margin-right:.5em}.meta-1 .meta1-left .host-name[data-v-dcf8aa52]{text-align:center;font-size:1.2rem;font-weight:700}.meta-2[data-v-dcf8aa52]{margin-top:.5em}.meta-2 .meta2-text[data-v-dcf8aa52]{font-size:.9rem;color:var(--text-color-2)}.labels[data-v-dcf8aa52]{margin-top:.5em}.labels .label[data-v-dcf8aa52]{padding:.05rem .5rem;border:2px dashed;border-color:var(--text-color-1);border-radius:50px;margin-right:10px;background-color:#dfdfdf;color:var(--text-color-1);font-size:.8rem}.host[data-v-dcf8aa52]{padding:1em;border:1px solid #ccc;border-radius:20px;flex-direction:column;justify-content:space-between}.icon[data-v-dcf8aa52]{margin-right:.3em;height:16px}.section[data-v-dcf8aa52]{display:flex;margin-right:10px;align-items:center}.charts-container[data-v-dcf8aa52]{margin-top:.5rem}.charts-container .hw-info[data-v-dcf8aa52]{width:30%;align-items:center}.charts-container .hw-info .chart[data-v-dcf8aa52]{width:100%;aspect-ratio:1}.charts-container .hw-info .hw-title[data-v-dcf8aa52]{text-align:center;font-size:.9rem}.charts-container .hw-info .hw-detail[data-v-dcf8aa52]{text-align:center;font-size:.7rem}.net[data-v-dcf8aa52]{margin-top:.5rem}.net .net-chart[data-v-dcf8aa52]{width:100%;aspect-ratio:2}.overview[data-v-050eb678]{display:flex;justify-content:space-between;padding:10px}.grid-container[data-v-050eb678]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;padding:10px}

api/frontend/web/assets/index-Btb24tzF.css

@@ -0,0 +1 @@
+:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color-1: #000;--text-color-2: #383838}.dark{color:#fff;background-color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.logo[data-v-ffc01d8f]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-ffc01d8f]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-ffc01d8f]:hover{filter:drop-shadow(0 0 2em #42b883aa)}footer[data-v-ffc01d8f]{text-align:center;padding:1em;color:#666}a[data-v-ffc01d8f]{color:#36a7ec}.online-status[data-v-311f3e51]{position:relative;width:15px;height:15px}.dot[data-v-311f3e51]{width:100%;height:100%;border-radius:50%;z-index:1}.pulse[data-v-311f3e51]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;animation:pulse-311f3e51 1.5s infinite;z-index:0}@keyframes pulse-311f3e51{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}[data-v-8693b273]:host{--text-size: 2px}.disk[data-v-8693b273]{margin-top:.5rem;height:2rem;width:100%;border-radius:100px;position:relative;display:flex;align-items:center;justify-content:center}.disk-used[data-v-8693b273]{height:100%;position:absolute;left:0;top:0;border-radius:100px 0 0 100px}.hover-text[data-v-8693b273]{position:absolute;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:center;padding:0 1rem}.left-text[data-v-8693b273]{margin-left:1rem;display:flex;justify-content:flex-start}.right-text[data-v-8693b273]{margin-right:1rem;display:flex;justify-content:flex-end}.disk-text[data-v-8693b273]{font-size:var(--text-size);color:var(--text-color-2)}[data-v-f7ea790e]:root{--liteyuki-color-1: #d0e9ff;--liteyuki-color-2: #a2d8f4;--hover-border-color: #ccc}.host[data-v-f7ea790e]{padding:1em;border:2px solid #ccc;border-radius:20px;flex-direction:column;justify-content:space-between;transition:border-color .3s ease}.host[data-v-f7ea790e]:hover{border-color:var(--hover-border-color)}.meta-1 .outline-anime[data-v-f7ea790e]{margin-right:.5em}.meta-1 .meta1-left .host-name[data-v-f7ea790e]{text-align:center;font-size:1.2rem;font-weight:700}.meta-2[data-v-f7ea790e]{margin-top:.5em}.meta-2 .meta2-text[data-v-f7ea790e]{font-size:.9rem;color:var(--text-color-2)}.meta-2 .section[data-v-f7ea790e]{margin-bottom:.5rem}.labels[data-v-f7ea790e]{margin-top:.5em}.labels .label[data-v-f7ea790e]{padding:.05rem .5rem;border:1px dashed;border-color:var(--text-color-1);border-radius:50px;margin-right:10px;background-color:#dfdfdf;color:var(--text-color-1);font-size:.8rem}.icon[data-v-f7ea790e]{margin-right:.3em;height:16px}.section[data-v-f7ea790e]{display:flex;margin-right:10px;align-items:center}.uptime[data-v-f7ea790e]{padding:.1em .5rem;font-size:.8rem;border-radius:50px;border:1px dashed;align-items:center}.charts-container[data-v-f7ea790e]{margin-top:.5rem}.charts-container .hw-info[data-v-f7ea790e]{width:30%;align-items:center}.charts-container .hw-info .chart[data-v-f7ea790e]{width:100%;aspect-ratio:1}.charts-container .hw-info .hw-title[data-v-f7ea790e]{text-align:center;font-size:.9rem}.charts-container .hw-info .hw-detail[data-v-f7ea790e]{text-align:center;font-size:.7rem}.section-name[data-v-f7ea790e]{font-size:1rem;font-weight:700;margin-top:1rem}.net[data-v-f7ea790e]{margin-top:1rem}.net .net-chart[data-v-f7ea790e]{width:100%;aspect-ratio:2}.disks[data-v-f7ea790e]{margin-top:1rem}.overview[data-v-8e280492]{display:flex;justify-content:space-between;padding:10px}.grid-container[data-v-8e280492]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px}

api/frontend/web/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/icon.svg"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Server Status</title>
-  <script type="module" crossorigin src="/assets/index-CjDL14HW.js"></script>
+  <script type="module" crossorigin src="/assets/index-AX8fTS7t.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/index-Box2hhZm.css">
+  <link rel="stylesheet" crossorigin href="/assets/index-Btb24tzF.css">
 </head>
 <body>
 <div id="app"></div>

api/frontend/web/svg/label.svg

@@ -0,0 +1 @@
+<svg t="1728071238053" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8448" width="500" height="500"><path d="M973.180137 514.739063L509.228934 50.787861c-11.980201-12.082596-28.260987-18.840658-45.258537-18.738263H96.065593c-35.326234 0-63.9968 28.670566-63.996801 63.9968v368.007199c0 16.99755 6.655667 33.278336 18.738263 45.258537l463.951203 463.951203c24.984351 24.984351 65.532723 24.984351 90.517074 0l368.0072-368.0072c24.881956-24.984351 24.881956-65.532723-0.102395-90.517074zM271.979997 335.957602c-44.132193 0-79.970401-35.838208-79.970402-79.970401s35.838208-79.970401 79.970402-79.970402c44.132193 0 79.970401 35.838208 79.970401 79.970402 0.102395 44.132193-35.735813 79.970401-79.970401 79.970401z" fill="#2c2c2c" p-id="8449"></path><path d="M901.298931 469.275736L469.294931 901.279736l80.072796 79.970401h31.947203l399.954402-399.954402v-31.947202z" fill="#2c2c2c" p-id="8450"></path><path d="M112.039194 335.957602H31.966398c-8.80596 0.20479-15.768812 7.577221-15.564022 16.383181 0.20479 8.498775 7.065247 15.359232 15.564022 15.564022h79.970401c8.80596-0.20479 15.768812-7.577221 15.564022-16.383181-0.102395-8.498775-6.962852-15.359232-15.461627-15.564022zM511.993596 480.027199H383.999996c-8.80596 0.20479-15.768812 7.577221-15.564022 16.38318 0.20479 8.498775 7.065247 15.359232 15.564022 15.564022h127.9936c8.80596 0.20479 16.178391-6.758062 16.383181-15.564022s-6.758062-16.178391-15.564022-16.38318c-0.307185-0.102395-0.511974-0.102395-0.819159 0z m63.9968-127.993601h-15.973601c-8.80596 0-15.973601 7.167642-15.973601 15.973602s7.167642 15.973601 15.973601 15.973601h15.973601c8.80596 0 15.973601-7.167642 15.973602-15.973601s-7.167642-15.973601-15.973602-15.973602z m15.973602-208.066396h-96.046398c-8.80596 0-15.973601 7.167642-15.973601 15.973601s7.167642 15.973601 15.973601 15.973601h96.046398c8.80596 0 15.973601-7.167642 15.973601-15.973601s-7.167642-15.973601-15.973601-15.973601z m-383.980801-48.023199h-32.049598c-8.80596 0.20479-15.768812 7.577221-15.564022 16.383181 0.20479 8.498775 7.065247 15.359232 15.564022 15.564021H207.880802c8.80596 0.20479 16.178391-6.758062 16.383181-15.564021 0.20479-8.80596-6.758062-16.178391-15.564022-16.383181h-0.716764zM383.999996 719.938403h-79.970402c-8.80596 0-15.973601 7.167642-15.973601 15.973601s7.167642 15.973601 15.973601 15.973602H383.999996c8.80596 0 15.973601-7.167642 15.973601-15.973602s-7.167642-15.973601-15.973601-15.973601z m352.033598 79.970402h-79.970401c-8.80596 0-15.973601 7.167642-15.973602 15.973601s7.167642 15.973601 15.973602 15.973601h79.970401c8.80596 0 15.973601-7.167642 15.973601-15.973601s-7.167642-15.973601-15.973601-15.973601z m-64.099195-143.967202h48.023199c8.80596 0.20479 16.178391-6.758062 16.383181-15.564022s-6.758062-16.178391-15.564022-16.383181H671.934399c-8.80596-0.20479-16.178391 6.758062-16.383181 15.564022s6.758062 16.178391 15.564022 16.383181h0.819159z" fill="#2c2c2c" p-id="8451"></path><path d="M995.809405 492.109795L531.858203 28.158592C513.939099 10.137093 489.466723 0 463.970397 0H96.065593C43.025045 0 0.019195 43.00585 0.019195 96.046398v368.007199c0 25.496325 10.137093 49.866307 28.158592 67.887806l463.951202 463.951202c37.476526 37.476526 98.299085 37.476526 135.775612 0l368.007199-368.007199c37.374131-37.476526 37.374131-98.299085-0.102395-135.775611zM470.011695 883.258237L73.436324 486.580471c-6.041298-5.938903-9.420329-14.130493-9.420329-22.629269V96.046398c0-17.714314 14.335283-31.947203 31.947203-31.947203h368.007199c8.498775 0 16.587971 3.379031 22.629269 9.420329L883.277432 469.9925 470.011695 883.258237zM950.550868 582.626869L582.646064 950.531673c-12.492175 12.492175-32.766362 12.492175-45.258538 0l-44.644167-44.644167 413.163342-413.265737 44.644167 44.644168c12.59457 12.59457 12.59457 32.868757 0 45.360932zM271.979997 159.940803c-53.040548 0-95.944003 43.00585-95.944003 96.046398s43.00585 95.944003 96.046398 95.944002 95.944003-43.00585 95.944003-96.046397c0-52.938153-43.00585-95.944003-96.046398-95.944003z m0 160.043198c-35.326234 0-63.9968-28.670566-63.9968-63.9968s28.670566-63.9968 63.9968-63.996801 63.9968 28.670566 63.9968 63.996801-28.670566 63.9968-63.9968 63.9968z" fill="#2c2c2c" p-id="8452"></path></svg>

api/frontend/web/svg/screenshots.svg

@@ -0,0 +1 @@
+<svg t="1728073281593" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9684" width="500" height="500"><path d="M981.333333 789.333333h-106.666666V256c0-59.733333-46.933333-106.666667-106.666667-106.666667H234.666667V42.666667c0-25.6-17.066667-42.666667-42.666667-42.666667s-42.666667 17.066667-42.666667 42.666667v106.666666H42.666667c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h106.666666V768c0 59.733333 46.933333 106.666667 106.666667 106.666667h533.333333V981.333333c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667v-106.666666H981.333333c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667z m-213.333333-554.666666c12.8 0 21.333333 8.533333 21.333333 21.333333v341.333333l-145.066666-140.8c-17.066667-17.066667-42.666667-17.066667-59.733334 0l-140.8 145.066667L384 541.866667c-17.066667-17.066667-38.4-17.066667-55.466667-4.266667l-89.6 72.533333V234.666667H768z m-512 554.666666c-12.8 0-21.333333-8.533333-21.333333-21.333333v-42.666667l115.2-93.866666 64 64c8.533333 8.533333 17.066667 12.8 29.866666 12.8s21.333333-4.266667 29.866667-12.8l140.8-145.066667 174.933333 166.4v72.533333H256z" p-id="9685"></path><path d="M384 482.133333c51.2 0 93.866667-42.666667 93.866667-93.866666s-42.666667-93.866667-93.866667-93.866667-93.866667 38.4-93.866667 89.6 42.666667 98.133333 93.866667 98.133333z m0-128c17.066667 0 34.133333 12.8 34.133333 34.133334s-17.066667 29.866667-34.133333 29.866666-34.133333-17.066667-34.133333-34.133333 17.066667-29.866667 34.133333-29.866667z" p-id="9686"></path></svg>

api/frontend/web/svg/timezone.svg

@@ -0,0 +1 @@
+<svg t="1728070867266" class="icon" viewBox="0 0 1075 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2481" width="500" height="500"><path d="M486.58043 972.367932h-22.899578A489.640506 489.640506 0 0 1 0.720514 509.407595a482.619409 482.619409 0 0 1 134.048946-358.616034A482.511392 482.511392 0 0 1 486.58043 0.216034a486.940084 486.940084 0 0 1 486.075949 486.075949c0 13.286076-0.540084 26.896203-1.72827 40.398312a281.924051 281.924051 0 0 0-49.687763-53.144303A418.025316 418.025316 0 0 0 644.285071 102.075949v21.603376a108.016878 108.016878 0 0 1-110.933333 104.020253 108.016878 108.016878 0 0 0-110.933333 104.020253 54.008439 54.008439 0 0 1-55.412659 51.740085 108.016878 108.016878 0 0 0-110.933333 103.696202h291.64557a278.791561 278.791561 0 0 0-87.277637 203.719831 280.843882 280.843882 0 0 0 171.422784 259.240507 485.211814 485.211814 0 0 1-145.2827 22.251476zM93.93908 409.383966a42.234599 42.234599 0 0 0-42.450633 43.206751v0.972152A417.269198 417.269198 0 0 0 409.78043 870.616034v-64.810127a43.206751 43.206751 0 0 0-29.920675-41.370464 104.236287 104.236287 0 0 1-72.479325-100.779747v-34.349367a44.502954 44.502954 0 0 0-12.421941-30.892827L123.751738 422.562025a41.046414 41.046414 0 0 0-29.596624-12.854008z" p-id="2482"></path><path d="M768.072413 460.908017a256 256 0 1 0 256 256 256.216034 256.216034 0 0 0-256-256M742.472413 1024A332.691983 332.691983 0 1 1 1075.164396 691.308017a333.124051 333.124051 0 0 1-332.691983 332.691983" p-id="2483"></path><path d="M881.706168 819.308017a43.206751 43.206751 0 0 1-21.603375-5.832912l-142.798312-82.848945V548.293671a40.398312 40.398312 0 0 1 80.364557 0v143.122363l105.964557 61.56962a34.025316 34.025316 0 0 1 11.989873 49.903797 41.370464 41.370464 0 0 1-33.809283 16.526583" p-id="2484"></path></svg>