fix(dashboard): Löschbutton und Badge auf Logbuch-Karten trennen

Aktions-Spalte im Flex-Layout statt absoluter Positionierung, mit responsivem Stacking auf schmalen Viewports.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-05-31 10:49:55 +02:00
parent 257bca14d1
commit 4eaf5d7f30
2 changed files with 64 additions and 11 deletions
+13 -8
View File
@@ -222,14 +222,19 @@ export default function LogbookDashboard({ onSelectLogbook, onLogout, onOpenProf
</div>
</div>
<button
className="btn-delete"
onClick={(e) => handleDelete(lb.id, e)}
title={t('dashboard.delete_btn')}
style={{ visibility: lb.isShared ? 'hidden' : 'visible' }}
>
<Trash2 size={18} />
</button>
{!lb.isShared && (
<div className="logbook-card-actions">
<button
type="button"
className="btn-delete"
onClick={(e) => handleDelete(lb.id, e)}
title={t('dashboard.delete_btn')}
aria-label={t('dashboard.delete_btn')}
>
<Trash2 size={18} />
</button>
</div>
)}
</div>
)
}