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

fix/billing-checkbox-alignment #17

Merged
thalla merged 11 commits from fix/billing-checkbox-alignment into master 2025-12-21 16:43:13 +02:00
Conversation 0 Commits 11 Files changed 1 +15 -5
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit c0ae6cc9a0 - Show all commits

20
app/me/page.tsx
View file

@ -217,9 +217,16 @@ export default function ProfilePage() {
{billingMessage ? <p style={{ color: 'green' }}>{billingMessage}</p> : null}
{billingError ? <p style={{ color: 'red' }}>{billingError}</p> : null}
<form onSubmit={onSaveBilling} style={{ display: 'grid', gap: 14, marginTop: 8 }}>
<label style={{ display: 'inline-flex', alignItems: 'center', columnGap: 6 }}>
<input type="checkbox" checked={billingEnabled} onChange={(e) => setBillingEnabled(e.target.checked)} />
<span>{t('billingEnableLabel')}</span>
<label className="amenity-option" style={{ maxWidth: 460, alignItems: 'center' }}>
<div className="amenity-option-meta" style={{ fontWeight: 600 }}>
<span className="amenity-name">{t('billingEnableLabel')}</span>
</div>
<input
type="checkbox"
checked={billingEnabled}
onChange={(e) => setBillingEnabled(e.target.checked)}
style={{ width: 18, height: 18 }}
/>
</label>
{billingEnabled ? (
<>
@ -232,13 +239,16 @@ export default function ProfilePage() {
{t('billingIbanLabel')}
<input value={billingIban} onChange={(e) => setBillingIban(e.target.value)} placeholder="FI00 1234 5600 0007 85" />
</label>
<label style={{ display: 'inline-flex', alignItems: 'center', columnGap: 6 }}>
<label className="amenity-option" style={{ maxWidth: 460, alignItems: 'center' }}>
<div className="amenity-option-meta" style={{ fontWeight: 600 }}>
<span className="amenity-name">{t('billingIncludeVat')}</span>
</div>
<input
type="checkbox"
checked={billingIncludeVatLine}
onChange={(e) => setBillingIncludeVatLine(e.target.checked)}
style={{ width: 18, height: 18 }}
/>
<span>{t('billingIncludeVat')}</span>
</label>
</div>
<div style={{ border: '1px solid #eee', padding: 12, borderRadius: 6 }}>