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:
@@ -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). */
|
||||
|
||||
@@ -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 };
|
||||
|
||||
Reference in New Issue
Block a user