tried again
This commit is contained in:
@@ -477,14 +477,16 @@ data:
|
|||||||
.disk-bar { flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; margin: 0 10px; overflow: hidden; min-width: 0; }
|
.disk-bar { flex: 1; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; margin: 0 10px; overflow: hidden; min-width: 0; }
|
||||||
.disk-fill {
|
.disk-fill {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
width: 100%; /* important */
|
||||||
|
transform-origin: left center; /* important */
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
#60a5fa 0%, /* blue */
|
#60a5fa 0%,
|
||||||
#60a5fa 70%, /* keep blue until ~70% */
|
#60a5fa 70%,
|
||||||
#a78bfa 88%, /* purple region ~70-90 */
|
#a78bfa 88%,
|
||||||
#fb7185 95%, /* pink/red ramp ~90-95 */
|
#fb7185 95%,
|
||||||
#ef4444 100% /* red for 95-100 */
|
#ef4444 100%
|
||||||
);
|
);
|
||||||
box-shadow: 0 0 0 1px rgba(0,0,0,0.10) inset;
|
box-shadow: 0 0 0 1px rgba(0,0,0,0.10) inset;
|
||||||
}
|
}
|
||||||
@@ -535,7 +537,7 @@ data:
|
|||||||
<div class="disk-row">
|
<div class="disk-row">
|
||||||
<span class="disk-name">Root</span>
|
<span class="disk-name">Root</span>
|
||||||
<div class="disk-bar">
|
<div class="disk-bar">
|
||||||
<div class="disk-fill" style="width: {{ printf "%.0f" $rootPct }}%"></div>
|
<div class="disk-fill" style="transform: scaleX({{ if eq (printf "%.0f" $rootPct) "100" }}1{{ else }}0.{{ if lt $rootPct 10.0 }}0{{ end }}{{ printf "%.0f" $rootPct }}{{ end }});"></div>
|
||||||
</div>
|
</div>
|
||||||
<span class="disk-info">{{ printf "%.0f" $rootUsed }} / {{ printf "%.0f" $rootTotal }} GB ({{ printf "%.0f" $rootPct }}%)</span>
|
<span class="disk-info">{{ printf "%.0f" $rootUsed }} / {{ printf "%.0f" $rootTotal }} GB ({{ printf "%.0f" $rootPct }}%)</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -546,7 +548,7 @@ data:
|
|||||||
<div class="disk-row">
|
<div class="disk-row">
|
||||||
<span class="disk-name">SSD2</span>
|
<span class="disk-name">SSD2</span>
|
||||||
<div class="disk-bar">
|
<div class="disk-bar">
|
||||||
<div class="disk-fill" style="width: {{ printf "%.0f" $ssd2Pct }}%"></div>
|
<div class="disk-fill" style="transform: scaleX({{ if eq (printf "%.0f" $ssd2Pct) "100" }}1{{ else }}0.{{ if lt $ssd2Pct 10.0 }}0{{ end }}{{ printf "%.0f" $ssd2Pct }}{{ end }});"></div>
|
||||||
</div>
|
</div>
|
||||||
<span class="disk-info">{{ printf "%.0f" $ssd2Used }} / {{ printf "%.0f" $ssd2Total }} GB ({{ printf "%.0f" $ssd2Pct }}%)</span>
|
<span class="disk-info">{{ printf "%.0f" $ssd2Used }} / {{ printf "%.0f" $ssd2Total }} GB ({{ printf "%.0f" $ssd2Pct }}%)</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -557,7 +559,7 @@ data:
|
|||||||
<div class="disk-row">
|
<div class="disk-row">
|
||||||
<span class="disk-name">HDD1</span>
|
<span class="disk-name">HDD1</span>
|
||||||
<div class="disk-bar">
|
<div class="disk-bar">
|
||||||
<div class="disk-fill" style="width: {{ printf "%.0f" $hdd1Pct }}%"></div>
|
<div class="disk-fill" style="transform: scaleX({{ if eq (printf "%.0f" $hdd1Pct) "100" }}1{{ else }}0.{{ if lt $hdd1Pct 10.0 }}0{{ end }}{{ printf "%.0f" $hdd1Pct }}{{ end }});"></div>
|
||||||
</div>
|
</div>
|
||||||
<span class="disk-info">{{ printf "%.1f" $hdd1Used }} / {{ printf "%.1f" $hdd1Total }} TB ({{ printf "%.0f" $hdd1Pct }}%)</span>
|
<span class="disk-info">{{ printf "%.1f" $hdd1Used }} / {{ printf "%.1f" $hdd1Total }} TB ({{ printf "%.0f" $hdd1Pct }}%)</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -568,7 +570,7 @@ data:
|
|||||||
<div class="disk-row">
|
<div class="disk-row">
|
||||||
<span class="disk-name">HDD2</span>
|
<span class="disk-name">HDD2</span>
|
||||||
<div class="disk-bar">
|
<div class="disk-bar">
|
||||||
<div class="disk-fill" style="width: {{ printf "%.0f" $hdd2Pct }}%"></div>
|
<div class="disk-fill" style="transform: scaleX({{ if eq (printf "%.0f" $hdd2Pct) "100" }}1{{ else }}0.{{ if lt $hdd2Pct 10.0 }}0{{ end }}{{ printf "%.0f" $hdd2Pct }}{{ end }});"></div>
|
||||||
</div>
|
</div>
|
||||||
<span class="disk-info">{{ printf "%.1f" $hdd2Used }} / {{ printf "%.1f" $hdd2Total }} TB ({{ printf "%.0f" $hdd2Pct }}%)</span>
|
<span class="disk-info">{{ printf "%.1f" $hdd2Used }} / {{ printf "%.1f" $hdd2Total }} TB ({{ printf "%.0f" $hdd2Pct }}%)</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -579,7 +581,7 @@ data:
|
|||||||
<div class="disk-row">
|
<div class="disk-row">
|
||||||
<span class="disk-name">HDD3</span>
|
<span class="disk-name">HDD3</span>
|
||||||
<div class="disk-bar">
|
<div class="disk-bar">
|
||||||
<div class="disk-fill" style="width: {{ printf "%.0f" $hdd3Pct }}%"></div>
|
<div class="disk-fill" style="transform: scaleX({{ if eq (printf "%.0f" $hdd3Pct) "100" }}1{{ else }}0.{{ if lt $hdd3Pct 10.0 }}0{{ end }}{{ printf "%.0f" $hdd3Pct }}{{ end }});"></div>
|
||||||
</div>
|
</div>
|
||||||
<span class="disk-info">{{ printf "%.1f" $hdd3Used }} / {{ printf "%.1f" $hdd3Total }} TB ({{ printf "%.0f" $hdd3Pct }}%)</span>
|
<span class="disk-info">{{ printf "%.1f" $hdd3Used }} / {{ printf "%.1f" $hdd3Total }} TB ({{ printf "%.0f" $hdd3Pct }}%)</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -590,7 +592,7 @@ data:
|
|||||||
<div class="disk-row">
|
<div class="disk-row">
|
||||||
<span class="disk-name">HDD4</span>
|
<span class="disk-name">HDD4</span>
|
||||||
<div class="disk-bar">
|
<div class="disk-bar">
|
||||||
<div class="disk-fill" style="width: {{ printf "%.0f" $hdd4Pct }}%"></div>
|
<div class="disk-fill" style="transform: scaleX({{ if eq (printf "%.0f" $hdd4Pct) "100" }}1{{ else }}0.{{ if lt $hdd4Pct 10.0 }}0{{ end }}{{ printf "%.0f" $hdd4Pct }}{{ end }});"></div>
|
||||||
</div>
|
</div>
|
||||||
<span class="disk-info">{{ printf "%.1f" $hdd4Used }} / {{ printf "%.1f" $hdd4Total }} TB ({{ printf "%.0f" $hdd4Pct }}%)</span>
|
<span class="disk-info">{{ printf "%.1f" $hdd4Used }} / {{ printf "%.1f" $hdd4Total }} TB ({{ printf "%.0f" $hdd4Pct }}%)</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -601,7 +603,7 @@ data:
|
|||||||
<div class="disk-row">
|
<div class="disk-row">
|
||||||
<span class="disk-name">HDD5</span>
|
<span class="disk-name">HDD5</span>
|
||||||
<div class="disk-bar">
|
<div class="disk-bar">
|
||||||
<div class="disk-fill" style="width: {{ printf "%.0f" $hdd5Pct }}%"></div>
|
<div class="disk-fill" style="transform: scaleX({{ if eq (printf "%.0f" $hdd5Pct) "100" }}1{{ else }}0.{{ if lt $hdd5Pct 10.0 }}0{{ end }}{{ printf "%.0f" $hdd5Pct }}{{ end }});"></div>
|
||||||
</div>
|
</div>
|
||||||
<span class="disk-info">{{ printf "%.1f" $hdd5Used }} / {{ printf "%.1f" $hdd5Total }} TB ({{ printf "%.0f" $hdd5Pct }}%)</span>
|
<span class="disk-info">{{ printf "%.1f" $hdd5Used }} / {{ printf "%.1f" $hdd5Total }} TB ({{ printf "%.0f" $hdd5Pct }}%)</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user