优化储存进度条样式

This commit is contained in:
远野千束 2024-10-05 09:15:40 +08:00
parent ac4b04989e
commit dd1a336f76
4 changed files with 37 additions and 37 deletions

View File

@ -1 +0,0 @@
:root{font-family:Josefin Sans,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-855d50e7]:host{--text-size: 2px}.disk[data-v-855d50e7]{margin-top:.5rem;height:2rem;width:100%;border-radius:1rem;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.disk-used[data-v-855d50e7]{height:100%;position:absolute;left:0;top:0;clip-path:inset(0 0 0 0 round var(--border-radius))}.hover-text[data-v-855d50e7]{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-855d50e7]{margin-left:1rem;display:flex;justify-content:flex-start}.right-text[data-v-855d50e7]{margin-right:1rem;display:flex;justify-content:flex-end}.disk-text[data-v-855d50e7]{font-size:var(--text-size);color:var(--text-color-2)}[data-v-96238739]:root{--liteyuki-color-1: #d0e9ff;--liteyuki-color-2: #a2d8f4;--hover-border-color: #ccc}.host[data-v-96238739]{padding:1rem;border:2px solid #ccc;border-radius:20px;flex-direction:column;justify-content:space-between;transition:border-color .3s ease}.host[data-v-96238739]:hover{border-color:var(--hover-border-color)}.meta-1 .outline-anime[data-v-96238739]{margin-right:.5em}.host-name[data-v-96238739]{text-align:center;font-size:1.5rem;font-weight:700}.meta-2[data-v-96238739]{margin-top:.5em}.meta-2 .meta2-text[data-v-96238739]{font-size:.9rem;color:var(--text-color-2)}.meta-2 .section[data-v-96238739]{margin-bottom:.5rem;justify-content:flex-start}.labels[data-v-96238739]{margin-top:.5em}.labels .label[data-v-96238739]{padding:.05rem .5rem;border:1px dashed;border-color:var(--text-color-1);border-radius:50px;margin-right:.5rem;background-color:#dfdfdf;color:var(--text-color-1);font-size:.8rem}.icon[data-v-96238739]{margin-right:.618rem;height:16px}.section[data-v-96238739]{display:flex;margin-right:10px;align-items:center}.uptime[data-v-96238739]{padding:0 .5rem;font-size:.8rem;border-radius:50px;border:1px dashed;align-items:center}.charts-container .hw-info[data-v-96238739]{width:30%;align-items:center}.charts-container .hw-info .chart[data-v-96238739]{width:100%;aspect-ratio:1}.charts-container .hw-info .hw-title[data-v-96238739]{text-align:center;font-size:.9rem}.charts-container .hw-info .hw-detail[data-v-96238739]{text-align:center;font-size:.7rem}.section-name[data-v-96238739]{text-align:center;font-size:1rem;font-weight:700}.net .net-chart[data-v-96238739]{width:100%;aspect-ratio:2}.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}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
:root{font-family:Josefin Sans,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: #5f5f5f}.dark{color:#fff;background-color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.logo[data-v-49c835b0]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-49c835b0]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-49c835b0]:hover{filter:drop-shadow(0 0 2em #42b883aa)}footer[data-v-49c835b0]{text-align:center;padding:1em;color:#666}a[data-v-49c835b0]{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}}.disk[data-v-5ea12808]{margin-top:.75rem}.disk-total[data-v-5ea12808]{height:.618rem;width:90%;border-radius:1rem;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.disk-used[data-v-5ea12808]{height:100%;left:0;top:0;clip-path:inset(0 0 0 0 round 1rem)}.hover-text[data-v-5ea12808]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:center}.left-text[data-v-5ea12808]{display:flex;justify-content:flex-start}.right-text[data-v-5ea12808]{display:flex;justify-content:flex-end}.disk-text[data-v-5ea12808]{font-size:16px;color:var(--text-color-2)}.percentage[data-v-5ea12808]{font-size:14px;color:var(--text-color-2)}[data-v-53661ee8]:root{--liteyuki-color-1: #d0e9ff;--liteyuki-color-2: #a2d8f4;--hover-border-color: #ccc}.host[data-v-53661ee8]{padding:1rem;border:2px solid #ccc;border-radius:20px;flex-direction:column;justify-content:space-between;transition:border-color .3s ease}.host[data-v-53661ee8]:hover{border-color:var(--hover-border-color)}.meta-1 .outline-anime[data-v-53661ee8]{margin-right:.5em}.host-name[data-v-53661ee8]{text-align:center;font-size:1.5rem;font-weight:700}.meta-2[data-v-53661ee8]{margin-top:.5em}.meta-2 .meta2-text[data-v-53661ee8]{font-size:.9rem;color:var(--text-color-2)}.meta-2 .section[data-v-53661ee8]{margin-bottom:.5rem;justify-content:flex-start}.labels[data-v-53661ee8]{margin-top:.5em}.labels .label[data-v-53661ee8]{padding:.05rem .5rem;border:1px dashed;border-color:var(--text-color-1);border-radius:50px;margin-right:.5rem;background-color:#dfdfdf;color:var(--text-color-1);font-size:.8rem}.icon[data-v-53661ee8]{margin-right:.618rem;height:16px}.section[data-v-53661ee8]{display:flex;margin-right:10px;align-items:center}.time-tag[data-v-53661ee8]{padding:0 .5rem;font-size:.8rem;border-radius:50px;border:1px dashed;align-items:center}.charts-container .hw-info[data-v-53661ee8]{width:30%;align-items:center}.charts-container .hw-info .chart[data-v-53661ee8]{width:100%;aspect-ratio:1}.charts-container .hw-info .hw-title[data-v-53661ee8]{text-align:center;font-size:.9rem}.charts-container .hw-info .hw-detail[data-v-53661ee8]{text-align:center;font-size:.7rem}.section-name[data-v-53661ee8]{text-align:center;font-size:1rem;font-weight:700}.net .net-chart[data-v-53661ee8]{width:100%;aspect-ratio:2}.overview[data-v-fc5340da]{display:flex;justify-content:center;padding:10px}.grid-container[data-v-fc5340da]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px}

View File

@ -7,8 +7,8 @@
<title>Server Status</title> <title>Server Status</title>
<link href="https://fonts.font.im/css?family=Josefin+Sans:400,400i,600,600i,700,700i" rel="stylesheet"> <link href="https://fonts.font.im/css?family=Josefin+Sans:400,400i,600,600i,700,700i" rel="stylesheet">
<link href="https://fonts.font.im/css?family=Quattrocento+Sans:400,400i,700,700i" rel="stylesheet"> <link href="https://fonts.font.im/css?family=Quattrocento+Sans:400,400i,700,700i" rel="stylesheet">
<script type="module" crossorigin src="/assets/index-B9d2VSaX.js"></script> <script type="module" crossorigin src="/assets/index-TD6zDcPt.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CxPJnx-w.css"> <link rel="stylesheet" crossorigin href="/assets/index-p74jbBOU.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>