root
/
Midtrans-Middleware
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: theming v1

This commit is contained in:
Tengku Achmad 2025-11-14 12:29:43 +07:00
parent d430e82d3f
commit da2946fe7f
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/payments/components/TrustStrip.tsx
View File

@ -2,7 +2,7 @@
export function TrustStrip({ location = 'panel' }: { location?: 'panel' | 'sheet' }) { export function TrustStrip({ location = 'panel' }: { location?: 'panel' | 'sheet' }) {
return ( return (
<div className={`text-[10px] ${location === 'sheet' ? 'mt-2' : ''} text-black/50 dark:text-white/50 flex items-center gap-2`}> <div className={`text-[10px] ${location === 'sheet' ? 'mt-2' : ''} text-black/50 flex items-center gap-2`}>
<span aria-hidden>🔒</span> <span aria-hidden>🔒</span>
<span>Secure payments by Midtrans</span> <span>Secure payments by Midtrans</span>
<span aria-hidden className="ml-auto flex items-center gap-1"> <span aria-hidden className="ml-auto flex items-center gap-1">

10
src/pages/CheckoutPage.tsx
View File

@ -78,7 +78,7 @@ export function CheckoutPage() {
<div className="space-y-3"> <div className="space-y-3">
<div className="text-sm font-medium">Konfirmasi data checkout</div> <div className="text-sm font-medium">Konfirmasi data checkout</div>
<label className="block"> <label className="block">
<div className="text-xs text-black/60 dark:text-white/60">Nama</div> <div className="text-xs text-black/60">Nama</div>
<input <input
type="text" type="text"
className="w-full rounded border px-3 py-2" className="w-full rounded border px-3 py-2"
@ -87,7 +87,7 @@ export function CheckoutPage() {
/> />
</label> </label>
<label className="block"> <label className="block">
<div className="text-xs text-black/60 dark:text-white/60">Email atau HP</div> <div className="text-xs text-black/60">Email atau HP</div>
<input <input
type="text" type="text"
className="w-full rounded border px-3 py-2" className="w-full rounded border px-3 py-2"
@ -96,7 +96,7 @@ export function CheckoutPage() {
/> />
</label> </label>
<label className="block"> <label className="block">
<div className="text-xs text-black/60 dark:text-white/60">Alamat</div> <div className="text-xs text-black/60">Alamat</div>
<input <input
type="text" type="text"
className="w-full rounded border px-3 py-2" className="w-full rounded border px-3 py-2"
@ -105,7 +105,7 @@ export function CheckoutPage() {
/> />
</label> </label>
<label className="block"> <label className="block">
<div className="text-xs text-black/60 dark:text-white/60">Catatan</div> <div className="text-xs text-black/60 ">Catatan</div>
<textarea <textarea
className="w-full rounded border px-3 py-2" className="w-full rounded border px-3 py-2"
value={form.notes} value={form.notes}
@ -114,7 +114,7 @@ export function CheckoutPage() {
</label> </label>
<div className="pt-2 flex gap-2"> <div className="pt-2 flex gap-2">
<Button <Button
variant="primary" variant="secondary"
className="w-full" className="w-full"
aria-busy={isBusy} aria-busy={isBusy}
disabled={isBusy} disabled={isBusy}

4
src/pages/DemoStorePage.tsx
View File

@ -12,14 +12,14 @@ export function DemoStorePage() {
<div className="flex items-start justify-between gap-4"> <div className="flex items-start justify-between gap-4">
<div> <div>
<div className="text-sm font-medium">Produk: T-Shirt Hitam</div> <div className="text-sm font-medium">Produk: T-Shirt Hitam</div>
<div className="text-xs text-black/60 dark:text-white/60">Ukuran: M • Bahan: Cotton</div> <div className="text-xs text-black/60">Ukuran: M • Bahan: Cotton</div>
<div className="mt-2 text-lg font-semibold">Rp 3.500.000</div> <div className="mt-2 text-lg font-semibold">Rp 3.500.000</div>
</div> </div>
<div className="w-24 h-24 rounded bg-black/10 dark:bg-white/10" aria-hidden /> <div className="w-24 h-24 rounded bg-black/10 dark:bg-white/10" aria-hidden />
</div> </div>
<div className="mt-4"> <div className="mt-4">
<Button <Button
variant="primary" variant="secondary"
className="w-full" className="w-full"
aria-busy={busy} aria-busy={busy}
disabled={busy} disabled={busy}