fix: IBAN-Wertfeld im Konto-Formular war zu schmal (Flex-Shrink)

Ein 100%-breites select drängte das danebenliegende Eingabefeld auf 0.
Select auf feste Breite, .row-Kinder dürfen schrumpfen (min-width:0).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Guido
2026-08-19 19:59:14 +02:00
co-authored by Claude Opus 4.8
parent b871815a46
commit a31ba0c785
2 changed files with 10 additions and 2 deletions
+7
View File
@@ -51,6 +51,13 @@
}
.input-with-button > input {
flex: 1 1 auto;
min-width: 0;
}
/* Flex-Kinder dürfen schrumpfen – sonst drängt ein 100%-breites select/input
ein danebenliegendes Feld auf 0 (das war der Grund für das winzige IBAN-Feld). */
.row > * {
min-width: 0;
}
/* Leerer Zustand (z. B. Dashboard ohne Karten). */
+3 -2
View File
@@ -229,7 +229,7 @@ export default function Accounts() {
<label style={{ marginBottom: 6 }}><span>{t("accounts.identifiers")}</span></label>
{form.identifiers.map((ident, idx) => (
<div className="row" key={idx} style={{ marginBottom: 6 }}>
<select style={{ minWidth: 130 }} value={ident.kind}
<select style={{ flex: "0 0 150px", width: "auto" }} value={ident.kind}
onChange={(e) => {
const next = [...form.identifiers];
next[idx] = { ...ident, kind: e.target.value };
@@ -239,7 +239,8 @@ export default function Accounts() {
<option value="account_no">{t("identifierKinds.account_no")}</option>
<option value="card_no">{t("identifierKinds.card_no")}</option>
</select>
<input className="grow" value={ident.value}
<input className="grow" style={{ minWidth: 0 }} value={ident.value}
placeholder="DE.. / Nr."
onChange={(e) => {
const next = [...form.identifiers];
next[idx] = { ...ident, value: e.target.value };