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

Center billing toggle checkbox within card
Some checks are pending
CI / checks (push) Waiting to run
Details

Browse source
This commit is contained in:
Tero Halla-aho 2025-12-21 14:12:57 +02:00
parent 1882d58474
commit 6446b93950
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/me/page.tsx
View file

@ -226,7 +226,7 @@ export default function ProfilePage() {
<form onSubmit={onSaveBilling} style={{ display: 'grid', gap: 14 }}>
<label
className="amenity-option"
style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}
style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, minHeight: 52 }}
>
<div className="amenity-option-meta" style={{ fontWeight: 600, minWidth: 0 }}>
<span aria-hidden className="amenity-emoji">💸</span>
@ -236,7 +236,7 @@ export default function ProfilePage() {
type="checkbox"
checked={billingEnabled}
onChange={(e) => setBillingEnabled(e.target.checked)}
style={{ width: 22, height: 22 }}
style={{ width: 22, height: 22, margin: 0, alignSelf: 'center' }}
/>
</label>
{billingEnabled ? (
@ -252,7 +252,7 @@ export default function ProfilePage() {
</label>
<label
className="amenity-option"
style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}
style={{ maxWidth: 520, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, minHeight: 52 }}
>
<div className="amenity-option-meta" style={{ fontWeight: 600, minWidth: 0 }}>
<span aria-hidden className="amenity-emoji">🧾</span>
@ -262,7 +262,7 @@ export default function ProfilePage() {
type="checkbox"
checked={billingIncludeVatLine}
onChange={(e) => setBillingIncludeVatLine(e.target.checked)}
style={{ width: 22, height: 22 }}
style={{ width: 22, height: 22, margin: 0, alignSelf: 'center' }}
/>
</label>
</div>