sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(theme): style share modal and inputs for dark mode compatibility
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 58s
Details

Browse Source
This commit is contained in:
sandrodach committed 2026-10-25 11:39:29 +01:00
1 parent 0affb827a4
commit 1009487cce
4 files changed
+128 -39
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/features/lists/SharedListsView.tsx
+8 -8
View File
@@ -802,15 +802,15 @@ export const SharedListsView: React.FC<SharedListsViewProps> = ({ onRefreshGloba
)}
{/* Invite User Form */}
<form onSubmit={handleAddMember} className="space-y-2.5 p-3 bg-canvas border border-border rounded-card">
<form onSubmit={handleAddMember} className="space-y-2.5 p-3 bg-panel-elevated border border-border rounded-card">
<div className="text-xs font-semibold text-main">User direkt einladen</div>
<div className="flex flex-col sm:flex-row gap-2">
<select
value={inviteTarget}
onChange={(e) => setInviteTarget(e.target.value)}
className="input-base text-xs flex-1"
className="input-field h-8 px-2.5 bg-input text-main border border-border rounded-btn focus:outline-none focus:border-accent text-xs flex-1 cursor-pointer"
>
<option value="">User auswählen oder Name/E-Mail eingeben…</option>
<option value="" className="bg-panel text-muted">User auswählen oder Name/E-Mail eingeben…</option>
{collaborators
.filter(
(u) =>
@@ -818,7 +818,7 @@ export const SharedListsView: React.FC<SharedListsViewProps> = ({ onRefreshGloba
!(activeSpace.members || []).some((m) => m.userId === u.id)
)
.map((u) => (
<option key={u.id} value={u.id}>
<option key={u.id} value={u.id} className="bg-panel text-main">
{u.displayName || u.username || u.email} ({u.username ? `@${u.username}` : u.email})
</option>
))}
@@ -826,10 +826,10 @@ export const SharedListsView: React.FC<SharedListsViewProps> = ({ onRefreshGloba
<select
value={inviteRole}
onChange={(e) => setInviteRole(e.target.value as 'editor' | 'viewer')}
className="input-base text-xs w-full sm:w-36"
className="input-field h-8 px-2.5 bg-input text-main border border-border rounded-btn focus:outline-none focus:border-accent text-xs w-full sm:w-36 cursor-pointer"
>
<option value="editor">Bearbeiten</option>
<option value="viewer">Nur Lesen</option>
<option value="editor" className="bg-panel text-main">Bearbeiten</option>
<option value="viewer" className="bg-panel text-main">Nur Lesen</option>
</select>
</div>
@@ -840,7 +840,7 @@ export const SharedListsView: React.FC<SharedListsViewProps> = ({ onRefreshGloba
placeholder="Oder Benutzername / E-Mail direkt eingeben…"
value={inviteTarget}
onChange={(e) => setInviteTarget(e.target.value)}
className="input-base text-xs w-full"
className="input-field h-8 px-2.5 bg-input text-main border border-border rounded-btn focus:outline-none focus:border-accent text-xs w-full"
/>
)}