Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/infoalloggi/src/components/servizio/conferma.tsx
View file

@ -229,7 +229,7 @@ export const ConfermaInLavorazioneModal = () => {
Consegna status modal Consegna status modal
</CredenzaDescription> </CredenzaDescription>
</CredenzaHeader> </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> <p>
Richiesta di conferma inviata il:{" "} Richiesta di conferma inviata il:{" "}
{data.user_confirmed_at && {data.user_confirmed_at &&

2
apps/infoalloggi/src/components/tip-tap/editor.tsx
View file

@ -19,7 +19,7 @@ function Tiptap({
editorProps: { editorProps: {
attributes: { attributes: {
class: 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: [ extensions: [

2
apps/infoalloggi/src/pages/auth/nonvalid-password-reset-token.tsx
View file

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

2
apps/infoalloggi/src/pages/privacy-policy.tsx
View file

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

4
apps/infoalloggi/src/pages/servizio/condizioni/[stringaId].tsx
View file

@ -26,10 +26,10 @@ const CondizioniPage: NextPageWithLayout<CondizioniProps> = ({
return <Status500 />; return <Status500 />;
} }
return ( 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 && ( {data && (
<div <div
className="prose mx-auto max-w-5xl" className="prose dark:prose-invert mx-auto max-w-5xl"
dangerouslySetInnerHTML={{ __html: data.stringa_value || "" }} dangerouslySetInnerHTML={{ __html: data.stringa_value || "" }}
/> />
)} )}

2
apps/infoalloggi/src/pages/termini-condizioni.tsx
View file

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