chore: update prose styles to support dark mode across multiple components
This commit is contained in:
parent
5391ad00e7
commit
f0698c4dc5
6 changed files with 7 additions and 7 deletions
|
|
@ -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 &&
|
||||
|
|
|
|||
|
|
@ -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: [
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 || "" }}
|
||||
/>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -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 || "" }}
|
||||
/>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -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 || "" }}
|
||||
/>
|
||||
)}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue