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-27 08:55:11 +02:00
parent 7e3612fd38
commit 337f1acb7a
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/App.jsx
View File

@@ -453,16 +453,16 @@ 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:'flex', flexWrap:'wrap', gap:8 }}> : <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(70px,1fr))', gap:8 }}>
{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:4, style={{ display:'flex', flexDirection:'column', alignItems:'center', justifyContent:'center', gap:4,
padding:'10px 14px', background:'rgba(255,255,255,0.04)', padding:'10px 8px', 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', minWidth:60, height:76, cursor:'pointer' }}> textDecoration:'none', height:76, cursor:'pointer' }}>
{l.icon && l.icon.startsWith('http') {l.icon && l.icon.startsWith('http')
? <img src={l.icon} alt="" style={{width:26,height:26,objectFit:'contain'}} onError={e=>e.target.style.display='none'}/> ? <img src={l.icon} alt="" style={{width:26,height:26,objectFit:'contain'}} onError={e=>e.target.style.display='none'}/>
: <span style={{ fontSize:26 }}>{l.icon}</span>} : <span style={{ fontSize:26 }}>{l.icon}</span>}
@@ -613,7 +613,7 @@ function Notepad({ toast }) {
<div style={{display:'flex',alignItems:'center',gap:8}}> <div style={{display:'flex',alignItems:'center',gap:8}}>
<div style={S.head}>NOTIZEN</div> <div style={S.head}>NOTIZEN</div>
{!isOpen && content.length > 0 && ( {!isOpen && content.length > 0 && (
<span style={{color:'#4ecdc4',fontFamily:'monospace',fontSize:10}}>({content.length})</span> <span style={{color:'#4ecdc4',fontFamily:'monospace',fontSize:10}}>{content.length} Zeichen</span>
)} )}
</div> </div>
<span style={{color:'rgba(255,255,255,0.4)',fontSize:11,display:'inline-block', <span style={{color:'rgba(255,255,255,0.4)',fontSize:11,display:'inline-block',
@@ -1212,7 +1212,7 @@ export default function App() {
<style>{` <style>{`
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;} *{margin:0;padding:0;box-sizing:border-box;}
body{background:#111114;-webkit-tap-highlight-color:transparent;} html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;}
input,textarea,select{-webkit-appearance:none;appearance:none;} input,textarea,select{-webkit-appearance:none;appearance:none;}
input[type=number]::-webkit-inner-spin-button{opacity:0.25;} input[type=number]::-webkit-inner-spin-button{opacity:0.25;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

2
frontend/src/calendar.jsx
View File

@@ -215,7 +215,7 @@ export default function CalendarWidget() {
<span style={{ color:'#fff', fontFamily:"'Space Mono',monospace", fontSize:13, fontWeight:700 }}> <span style={{ color:'#fff', fontFamily:"'Space Mono',monospace", fontSize:13, fontWeight:700 }}>
{MONTHS[cur.m]} {cur.y} {MONTHS[cur.m]} {cur.y}
</span> </span>
{(cur.m !== today.getMonth() || cur.y !== today.getFullYear()) && ( {(!selected || !sameDay(selected, today) || cur.m !== today.getMonth() || cur.y !== today.getFullYear()) && (
<button onClick={() => { setCur({ y:today.getFullYear(), m:today.getMonth() }); setSelected(new Date()); }} <button onClick={() => { setCur({ y:today.getFullYear(), m:today.getMonth() }); setSelected(new Date()); }}
style={{ background:'rgba(78,205,196,0.15)', border:'1px solid rgba(78,205,196,0.3)', style={{ background:'rgba(78,205,196,0.15)', border:'1px solid rgba(78,205,196,0.3)',
borderRadius:6, color:'#4ecdc4', fontFamily:'monospace', fontSize:9, borderRadius:6, color:'#4ecdc4', fontFamily:'monospace', fontSize:9,