chore: update UI components for improved consistency and dark mode support
This commit is contained in:
parent
f0698c4dc5
commit
804b4fef90
7 changed files with 5 additions and 18 deletions
|
|
@ -53,7 +53,7 @@ export const AcquistoProcessing = ({
|
|||
|
||||
return (
|
||||
<div className="mx-auto my-4 w-full max-w-3xl space-y-8 rounded-md">
|
||||
<h3 className="mt-2 text-center font-bold text-2xl text-neutral-700 uppercase tracking-wide">
|
||||
<h3 className="mt-2 text-center font-bold text-2xl uppercase tracking-wide">
|
||||
{t.acquisto.titolo}
|
||||
</h3>
|
||||
{(() => {
|
||||
|
|
@ -124,10 +124,6 @@ const PricePreparation = ({
|
|||
</>
|
||||
) : (
|
||||
<div className="space-y-8">
|
||||
<h3 className="text-center font-semibold text-2xl">
|
||||
{t.acquisto.servizi_acquisto}
|
||||
</h3>
|
||||
|
||||
<div className="space-y-6">
|
||||
<p className="text-3xl">{prezziario.nome_it}</p>
|
||||
<p className="text-lg">
|
||||
|
|
|
|||
|
|
@ -186,7 +186,7 @@ export const ServizioContent = () => {
|
|||
{servizio.annunci.map((data) => (
|
||||
<div className="group relative" key={data.id}>
|
||||
<AnnuncioDisplay
|
||||
className="bg-[#e6e9ec]/50"
|
||||
className="bg-[#e6e9ec]/50 dark:bg-card dark:outline dark:outline-foreground/10"
|
||||
data={{
|
||||
...data,
|
||||
modificato_il: data.modificato_il
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ function DrawerContent({
|
|||
data-slot="drawer-content"
|
||||
{...props}
|
||||
>
|
||||
<div className="mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
|
||||
<div className="mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block dark:bg-accent" />
|
||||
{children}
|
||||
</DrawerPrimitive.Content>
|
||||
</DrawerPortal>
|
||||
|
|
|
|||
|
|
@ -202,11 +202,9 @@ export const en: LangDict = {
|
|||
},
|
||||
acquisto: {
|
||||
leggi_condizioni: "Read the purchase conditions",
|
||||
pagamento: "Payment",
|
||||
preparazione: "PAYMENT IN PREPARATION",
|
||||
procedi_pagamento: " Proceed to payment",
|
||||
servizi_acquisto: "SERVICE IN PURCHASE",
|
||||
titolo: "PURCHASE",
|
||||
titolo: "SERVICE PURCHASE",
|
||||
},
|
||||
acquisto_elaborazione: {
|
||||
failed_desc: "Your payment was not successful. Please contact support",
|
||||
|
|
|
|||
|
|
@ -206,11 +206,9 @@ export const it: LangDict = {
|
|||
},
|
||||
acquisto: {
|
||||
leggi_condizioni: "Leggi le condizioni di acquisto",
|
||||
pagamento: "Pagamento",
|
||||
preparazione: "PAGAMENTO IN PREPARAZIONE",
|
||||
procedi_pagamento: "Procedi al pagamento",
|
||||
servizi_acquisto: "SERVIZIO IN ACQUISTO",
|
||||
titolo: "ACQUISTO",
|
||||
titolo: "ACQUISTO SERVIZIO",
|
||||
},
|
||||
acquisto_elaborazione: {
|
||||
failed_desc: "Il pagamento non è andato a buon fine. Contatta il supporto",
|
||||
|
|
|
|||
|
|
@ -278,10 +278,8 @@ export type LangDict = {
|
|||
in_aggiornamento: string;
|
||||
};
|
||||
acquisto: {
|
||||
pagamento: string;
|
||||
titolo: string;
|
||||
preparazione: string;
|
||||
servizi_acquisto: string;
|
||||
leggi_condizioni: string;
|
||||
procedi_pagamento: string;
|
||||
};
|
||||
|
|
|
|||
|
|
@ -33,9 +33,6 @@ const ServicePurchasePage: NextPageWithLayout<ServizioPurchaseProps> = ({
|
|||
}
|
||||
return (
|
||||
<div className="mx-auto w-full max-w-6xl grow space-y-4 p-2 sm:px-8 sm:py-4">
|
||||
<div className="flex justify-between">
|
||||
<h3 className="font-bold text-3xl">{t.acquisto.pagamento}</h3>
|
||||
</div>
|
||||
<AcquistoProcessing
|
||||
packId={data.ordine.packid}
|
||||
paymentId={data.payment.id}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue