Fix: Speicheranzeige Dateien - sinnvolle Werte statt falscher Disk-Info
This commit is contained in:
@@ -280,24 +280,22 @@ export default function Dateien({ toast, mobile }) {
|
||||
<ConfirmDialog/>
|
||||
{/* ── Speicherplatz ─────────────────────────────────────────────────── */}
|
||||
{storage && (
|
||||
<div style={{marginBottom:14}}>
|
||||
<div style={{display:'flex',justifyContent:'space-between',
|
||||
color:'rgba(255,255,255,0.35)',fontFamily:'monospace',fontSize:9,marginBottom:4}}>
|
||||
<span>{fmtSize(storage.used)} belegt</span>
|
||||
<span>{storage.diskFree!=null ? `${fmtSize(storage.diskFree)} frei auf Disk` : ''}</span>
|
||||
<div style={{marginBottom:14,padding:'10px 12px',background:'rgba(255,255,255,0.02)',
|
||||
border:'1px solid rgba(255,255,255,0.06)',borderRadius:8}}>
|
||||
<div style={{display:'flex',justifyContent:'space-between',alignItems:'center',
|
||||
color:'rgba(255,255,255,0.45)',fontFamily:'monospace',fontSize:10}}>
|
||||
<span>{fmtSize(storage.used)} belegt · {storage.count}/{storage.maxCount} Dateien</span>
|
||||
<span style={{fontSize:9,color:'rgba(255,255,255,0.25)'}}>max. {storage.maxSizeMb} MB pro Datei</span>
|
||||
</div>
|
||||
<div style={{height:4,borderRadius:4,background:'rgba(255,255,255,0.06)',overflow:'hidden'}}>
|
||||
<div style={{height:3,borderRadius:3,background:'rgba(255,255,255,0.06)',overflow:'hidden',marginTop:7}}>
|
||||
<div style={{
|
||||
height:'100%', borderRadius:4,
|
||||
width:`${Math.min(100,(storage.used/storage.max)*100)}%`,
|
||||
background: storage.used/storage.max > 0.85 ? '#ff6b9d' :
|
||||
storage.used/storage.max > 0.6 ? '#ffe66d' : '#4ecdc4',
|
||||
height:'100%', borderRadius:3,
|
||||
width:`${Math.min(100,(storage.count/storage.maxCount)*100)}%`,
|
||||
background: storage.count/storage.maxCount > 0.85 ? '#ff6b9d' :
|
||||
storage.count/storage.maxCount > 0.6 ? '#ffe66d' : '#4ecdc4',
|
||||
transition:'width 0.4s',
|
||||
}}/>
|
||||
</div>
|
||||
<div style={{color:'rgba(255,255,255,0.2)',fontFamily:'monospace',fontSize:8,marginTop:3,textAlign:'right'}}>
|
||||
Limit: {fmtSize(storage.max)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
{shareItem && <ShareModal item={shareItem.item} type={shareItem.type} onClose={()=>{setShareItem(null);load();}} toast={toast}/>}
|
||||
|
||||
Reference in New Issue
Block a user