Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Dateien nach "frontend/src" hochladen

Browse Source
This commit is contained in:
Dicken
2026-05-28 09:57:56 +02:00
parent 10c9b802eb
commit f7c27f9d50
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/App.jsx
View File

@@ -485,22 +485,22 @@ function QuickLinks({ toast, mobile }) {
{/* Link-Grid */} {/* Link-Grid */}
{links.length === 0 && !editMode {links.length === 0 && !editMode
? <div style={{ color:'rgba(255,255,255,0.5)', fontSize:11, fontFamily:'monospace', padding:'6px 0' }}>Links können unter Einstellungen → Dashboard hinzugefügt werden.</div> ? <div style={{ color:'rgba(255,255,255,0.5)', fontSize:11, fontFamily:'monospace', padding:'6px 0' }}>Links können unter Einstellungen → Dashboard hinzugefügt werden.</div>
: <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(80px,1fr))', gap:8 }}> : <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(58px,1fr))', gap:6 }}>
{links.map(l => ( {links.map(l => (
<div key={l.id} style={{ position:'relative' }}> <div key={l.id} style={{ position:'relative' }}>
<a href={l.url} target="_blank" rel="noopener noreferrer" <a href={l.url} target="_blank" rel="noopener noreferrer"
style={{ display:'flex', flexDirection:'column', alignItems:'center', justifyContent:'center', gap:3, style={{ display:'flex', flexDirection:'column', alignItems:'center', justifyContent:'center', gap:3,
padding: mobile?'6px 4px':'8px 12px', padding: mobile?'4px 2px':'6px 4px',
background:'rgba(255,255,255,0.04)', background:'rgba(255,255,255,0.04)',
border:'1px solid rgba(255,255,255,0.08)', borderRadius:10, border:'1px solid rgba(255,255,255,0.08)', borderRadius:10,
textDecoration:'none', height: mobile?58:72, cursor:'pointer' }}> textDecoration:'none', height: mobile?48:58, cursor:'pointer' }}>
{l.icon && l.icon.startsWith('http') {l.icon && l.icon.startsWith('http')
? <img src={l.icon} alt="" style={{width:mobile?20:24,height:mobile?20:24,objectFit:'contain'}} onError={e=>e.target.style.display='none'}/> ? <img src={l.icon} alt="" style={{width:mobile?16:20,height:mobile?16:20,objectFit:'contain'}} onError={e=>e.target.style.display='none'}/>
: <span style={{ fontSize:mobile?20:22 }}>{l.icon}</span>} : <span style={{ fontSize:mobile?16:18 }}>{l.icon}</span>}
<span style={{ color:'rgba(255,255,255,0.65)', fontSize:9, fontFamily:'monospace', <span style={{ color:'rgba(255,255,255,0.65)', fontSize:8, fontFamily:'monospace',
maxWidth:64, overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap' }}>{l.title}</span> maxWidth:52, overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap' }}>{l.title}</span>
</a> </a>
</div> </div>
))} ))}