chore: update prose styles to support dark mode across multiple components

This commit is contained in:
Marco Pedone 2026-01-16 12:23:18 +01:00
parent 5391ad00e7
commit f0698c4dc5
6 changed files with 7 additions and 7 deletions

View file

@ -229,7 +229,7 @@ export const ConfermaInLavorazioneModal = () => {
Consegna status modal
</CredenzaDescription>
</CredenzaHeader>
<CredenzaBody className="prose max-h-[80vh] overflow-auto pb-5">
<CredenzaBody className="prose dark:prose-invert max-h-[80vh] overflow-auto pb-5">
<p>
Richiesta di conferma inviata il:{" "}
{data.user_confirmed_at &&

View file

@ -19,7 +19,7 @@ function Tiptap({
editorProps: {
attributes: {
class:
"prose [&_*]:text-foreground max-w-none overflow-auto h-full w-full text-foreground rounded-md border min-h-[30rem] max-h-[50rem] border-input bg-background focus:ring-offset-2 disabled:cursor-not-allows disabled:opacity-50 p-2",
"prose dark:prose-invert [&_*]:text-foreground max-w-none overflow-auto h-full w-full text-foreground rounded-md border min-h-[30rem] max-h-[50rem] border-input bg-background focus:ring-offset-2 disabled:cursor-not-allows disabled:opacity-50 p-2",
},
},
extensions: [

View file

@ -9,7 +9,7 @@ const NonValidPasswordResetToken: NextPage = () => {
const { t } = useTranslation();
return (
<div className="mx-auto my-5 flex h-full items-center justify-center">
<div className="prose max-w-5xl">
<div className="prose dark:prose-invert max-w-5xl">
<div className="flex items-center gap-2 font-bold text-3xl text-red-500">
<XCircle />
<span>{t.pwReset.notvalid_title}</span>

View file

@ -23,7 +23,7 @@ const PrivacyPolicy: NextPage = () => {
<div className="mx-auto flex h-full items-center justify-center p-4">
{data && (
<div
className="prose max-w-5xl"
className="prose dark:prose-invert max-w-5xl"
dangerouslySetInnerHTML={{ __html: data.stringa_value || "" }}
/>
)}

View file

@ -26,10 +26,10 @@ const CondizioniPage: NextPageWithLayout<CondizioniProps> = ({
return <Status500 />;
}
return (
<div className="w-full grow space-y-4 p-4 sm:p-6">
<div className="w-full grow space-y-4 p-4 text-foreground sm:p-6">
{data && (
<div
className="prose mx-auto max-w-5xl"
className="prose dark:prose-invert mx-auto max-w-5xl"
dangerouslySetInnerHTML={{ __html: data.stringa_value || "" }}
/>
)}

View file

@ -23,7 +23,7 @@ const Termini_Condizioni: NextPage = () => {
<div className="mx-auto flex h-full items-center justify-center p-4">
{data && (
<div
className="prose max-w-5xl"
className="prose dark:prose-invert max-w-5xl"
dangerouslySetInnerHTML={{ __html: data.stringa_value || "" }}
/>
)}