thalla/lomavuokraus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Grid-align billing toggle cards
Some checks are pending
CI / checks (push) Waiting to run
Details

Browse source
This commit is contained in:
Tero Halla-aho 2025-12-21 13:53:46 +02:00
parent 34b429c50f
commit e79f4c0966
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/me/page.tsx
View file

@ -224,8 +224,11 @@ export default function ProfilePage() {
{billingMessage ? <p style={{ color: 'green', margin: 0 }}>{billingMessage}</p> : null}
{billingError ? <p style={{ color: 'red', margin: 0 }}>{billingError}</p> : null}
<form onSubmit={onSaveBilling} style={{ display: 'grid', gap: 14 }}>
<label className="amenity-option" style={{ maxWidth: 520, alignItems: 'center', flexWrap: 'nowrap' }}>
<div className="amenity-option-meta" style={{ fontWeight: 600, flex: 1, minWidth: 0 }}>
<label
className="amenity-option"
style={{ maxWidth: 520, display: 'grid', gridTemplateColumns: 'auto 1fr auto', alignItems: 'center', columnGap: 10 }}
>
<div className="amenity-option-meta" style={{ fontWeight: 600, minWidth: 0 }}>
<span aria-hidden className="amenity-emoji">💸</span>
<span className="amenity-name">{t('billingEnableLabel')}</span>
</div>
@ -233,7 +236,7 @@ export default function ProfilePage() {
type="checkbox"
checked={billingEnabled}
onChange={(e) => setBillingEnabled(e.target.checked)}
style={{ width: 22, height: 22, flexShrink: 0 }}
style={{ width: 22, height: 22 }}
/>
</label>
{billingEnabled ? (
@ -247,8 +250,11 @@ export default function ProfilePage() {
{t('billingIbanLabel')}
<input value={billingIban} onChange={(e) => setBillingIban(e.target.value)} placeholder="FI00 1234 5600 0007 85" />
</label>
<label className="amenity-option" style={{ maxWidth: 520, alignItems: 'center', flexWrap: 'nowrap' }}>
<div className="amenity-option-meta" style={{ fontWeight: 600, flex: 1, minWidth: 0 }}>
<label
className="amenity-option"
style={{ maxWidth: 520, display: 'grid', gridTemplateColumns: 'auto 1fr auto', alignItems: 'center', columnGap: 10 }}
>
<div className="amenity-option-meta" style={{ fontWeight: 600, minWidth: 0 }}>
<span aria-hidden className="amenity-emoji">🧾</span>
<span className="amenity-name">{t('billingIncludeVat')}</span>
</div>
@ -256,7 +262,7 @@ export default function ProfilePage() {
type="checkbox"
checked={billingIncludeVatLine}
onChange={(e) => setBillingIncludeVatLine(e.target.checked)}
style={{ width: 22, height: 22, flexShrink: 0 }}
style={{ width: 22, height: 22 }}
/>
</label>
</div>