Fix css styles (#14)

matiboux · web-flow · commit 5c9b0ce40892 · 2025-10-02T02:57:45.000+02:00
diff --git a/app/.astro-template b/app/.astro-template
@@ -1 +1 @@
-415a8a0c722c4c49667c511482b581236f277b4f
+f181b3f5f383e7d8f287c663e57df24b88f85b26
diff --git a/app/app/src/components/RenderDocument.astro b/app/app/src/components/RenderDocument.astro
@@ -88,15 +88,15 @@ const footerText = data.footer || null
 
 </div>
 
-<style is:global>
+<style lang="scss" is:global>
 @page {
 	size: A4;
 	margin: 0;
 }
 </style>
 
-<style>
-@reference '~/styles/tailwind.css';
+<style lang="scss">
+@reference "~/styles/tailwind.css";
 
 .main {
 	@apply flex flex-col justify-start items-center;
@@ -202,7 +202,7 @@ const footerText = data.footer || null
 		}
 	}
 
-	:global(h1) {
+	:global h1.a {
 		@apply mb-8 text-3xl text-center font-bold;
 		@apply break-after-avoid;
 	}
diff --git a/app/app/src/pages/index.astro b/app/app/src/pages/index.astro
@@ -93,8 +93,8 @@ function getTitleFromBody(body: string | undefined): string | undefined
 
 </Layout>
 
-<style>
-@reference '~/styles/tailwind.css';
+<style lang="scss">
+@reference "~/styles/tailwind.css";
 
 :global(body) {
 	@apply p-6;

Original file line number	Diff line number	Diff line change
`@@ -88,15 +88,15 @@ const footerText = data.footer \|\| null`
`88`	`88`
`89`	`89`	`</div>`
`90`	`90`
`91`		`-<style is:global>`
	`91`	`+<style lang="scss" is:global>`
`92`	`92`	`@page {`
`93`	`93`	`size: A4;`
`94`	`94`	`margin: 0;`
`95`	`95`	`}`
`96`	`96`	`</style>`
`97`	`97`
`98`		`-<style>`
`99`		`-@reference '~/styles/tailwind.css';`
	`98`	`+<style lang="scss">`
	`99`	`+@reference "~/styles/tailwind.css";`
`100`	`100`
`101`	`101`	`.main {`
`102`	`102`	`@apply flex flex-col justify-start items-center;`
`@@ -202,7 +202,7 @@ const footerText = data.footer \|\| null`
`202`	`202`	`}`
`203`	`203`	`}`
`204`	`204`
`205`		`- :global(h1) {`
	`205`	`+ :global h1.a {`
`206`	`206`	`@apply mb-8 text-3xl text-center font-bold;`
`207`	`207`	`@apply break-after-avoid;`
`208`	`208`	`}`