Benjamin_Boenisch/breakpilot-compliance
1
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Massnahmen-Layout proportional statt fix

Browse Source 
2fr:1fr statt 1fr:200px — skaliert auf allen Bildschirmgroessen.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-05-07 16:48:42 +02:00
parent cd5f986489
commit a3671d4a06
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin-compliance/app/sdk/iace/[projectId]/mitigations/page.tsx
+2 -2
View File
@@ -174,7 +174,7 @@ export default function MitigationsPage() {
{isExpanded && items.length > 0 && ( {isExpanded && items.length > 0 && (
<div className="border-t border-gray-100 dark:border-gray-700"> <div className="border-t border-gray-100 dark:border-gray-700">
{/* Table header */} {/* Table header */}
<div className="grid grid-cols-[24px_1fr_200px_80px] gap-2 px-4 py-2 bg-gray-50 dark:bg-gray-750 text-xs font-medium text-gray-500 uppercase tracking-wider"> <div className="grid grid-cols-[24px_2fr_1fr_80px] gap-2 px-4 py-2 bg-gray-50 dark:bg-gray-750 text-xs font-medium text-gray-500 uppercase tracking-wider">
<div> <div>
<input type="checkbox" checked={allSelected} onChange={() => selectAllInType(type)} <input type="checkbox" checked={allSelected} onChange={() => selectAllInType(type)}
className="accent-purple-600" title="Alle auswaehlen" /> className="accent-purple-600" title="Alle auswaehlen" />
@@ -186,7 +186,7 @@ export default function MitigationsPage() {
{/* Rows */} {/* Rows */}
{items.map((m) => ( {items.map((m) => (
<div key={m.id} <div key={m.id}
className={`grid grid-cols-[24px_1fr_200px_80px] gap-2 px-4 py-2 border-t border-gray-50 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors ${selected.has(m.id) ? 'bg-purple-50 dark:bg-purple-900/10' : ''}`}> className={`grid grid-cols-[24px_2fr_1fr_80px] gap-2 px-4 py-2 border-t border-gray-50 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-750 transition-colors ${selected.has(m.id) ? 'bg-purple-50 dark:bg-purple-900/10' : ''}`}>
<div className="pt-0.5"> <div className="pt-0.5">
<input type="checkbox" checked={selected.has(m.id)} onChange={() => toggleSelect(m.id)} <input type="checkbox" checked={selected.has(m.id)} onChange={() => toggleSelect(m.id)}
className="accent-purple-600" /> className="accent-purple-600" />