fix: Fragment-Wrapper um nebeneinander stehende IconBtns

This commit is contained in:
2026-06-13 10:58:32 +02:00
parent c3140aab7e
commit ac5084e1ee

View File

@@ -836,8 +836,8 @@ export default function Dateien({ toast, mobile }) {
{/* Aktionen feste Breite, symmetrisch */} {/* Aktionen feste Breite, symmetrisch */}
<div style={{display:'flex',gap:5,flexShrink:0,alignItems:'center'}}> <div style={{display:'flex',gap:5,flexShrink:0,alignItems:'center'}}>
{canManage && ( {canManage && (
<IconBtn onClick={()=>setShareItem({item:folder,type:'folder'})} color="#ffe66d" title="Teilen" stop>🤝</IconBtn> <><IconBtn onClick={()=>setShareItem({item:folder,type:'folder'})} color="#ffe66d" title="Teilen" stop>🤝</IconBtn>
<IconBtn onClick={e=>{e.stopPropagation();setPublicShareItem({item:folder,type:'folder'});}} color="#4ade80" title="Öffentlicher Link" stop>🔗</IconBtn> <IconBtn onClick={e=>{e.stopPropagation();setPublicShareItem({item:folder,type:'folder'});}} color="#4ade80" title="Öffentlicher Link" stop>🔗</IconBtn></>
)} )}
{canManage&&tab==='own' && ( {canManage&&tab==='own' && (
<IconBtn onClick={()=>delFolder(folder)} color="#ff6b9d" title="Löschen" stop> <IconBtn onClick={()=>delFolder(folder)} color="#ff6b9d" title="Löschen" stop>
@@ -885,8 +885,8 @@ export default function Dateien({ toast, mobile }) {
<DownloadIcon size={13} color="#4ecdc4"/> <DownloadIcon size={13} color="#4ecdc4"/>
</IconBtn> </IconBtn>
{canManage && ( {canManage && (
<IconBtn onClick={()=>setShareItem({item:file,type:'file'})} color="#ffe66d" title="Teilen">🤝</IconBtn> <><IconBtn onClick={()=>setShareItem({item:file,type:'file'})} color="#ffe66d" title="Teilen">🤝</IconBtn>
<IconBtn onClick={()=>setPublicShareItem({item:file,type:'file'})} color="#4ade80" title="Öffentlicher Link">🔗</IconBtn> <IconBtn onClick={()=>setPublicShareItem({item:file,type:'file'})} color="#4ade80" title="Öffentlicher Link">🔗</IconBtn></>
)} )}
{isOwn && ( {isOwn && (
<IconBtn onClick={()=>delFile(file)} color="#ff6b9d" title="Löschen"> <IconBtn onClick={()=>delFile(file)} color="#ff6b9d" title="Löschen">