Dateien nach "frontend/src/tools" hochladen

frontend/src/tools/dateien.jsx

@@ -186,17 +186,17 @@ export default function Dateien({ toast, mobile }) {
             {data.own.length} Dateien · {fmtSize(totalSize)}
           </div>
         </div>
-        <div style={{display:'flex',gap:6,flexWrap:'wrap',justifyContent:'flex-end'}}>
+        <div style={{display:'flex',gap:6}}>
           {tab==='own' && !inSharedFolder && (
-            <button onClick={()=>setNewFolder(true)} style={{...S.btn('rgba(255,255,255,0.5)',true),display:'flex',alignItems:'center',gap:4}}>
+            <button onClick={()=>setNewFolder(true)} style={{
+              background:'rgba(255,255,255,0.06)', border:'1px solid rgba(255,255,255,0.15)',
+              borderRadius:8, padding:'7px 12px', color:'rgba(255,255,255,0.75)',
+              cursor:'pointer', fontFamily:'monospace', fontSize:11,
+              display:'flex', alignItems:'center', gap:5,
+            }}>
               📁 Ordner
             </button>
           )}
-          <button onClick={()=>fileRef.current?.click()} disabled={uploading}
-            style={{...S.btn('#4ecdc4'),display:'flex',alignItems:'center',gap:6}}>
-            <UploadIcon size={14} color="#4ecdc4"/>
-            {uploading?'Lädt…':'Hochladen'}
-          </button>
         </div>
       </div>
 
@@ -272,8 +272,8 @@ export default function Dateien({ toast, mobile }) {
           transition:'all 0.15s', cursor:'pointer',
         }}
         onClick={()=>fileRef.current?.click()}>
-        <div style={{color:dragOver?'#4ecdc4':'rgba(255,255,255,0.3)',fontFamily:'monospace',fontSize:11}}>
+        <div style={{color:dragOver?'#4ecdc4':'rgba(255,255,255,0.45)',fontFamily:'monospace',fontSize:11}}>
-          {dragOver?'Loslassen zum Hochladen':'Dateien hierher ziehen oder klicken zum Auswählen'}
+          {uploading ? '⏳ Wird hochgeladen…' : dragOver ? '↓ Loslassen zum Hochladen' : '📂 Dateien hierher ziehen oder klicken'}
         </div>
       </div>