docs: update image rotation

setchy · web-flow · commit 6ed8af2b062b · 2025-02-03T21:32:57.000-05:00
diff --git a/src/layouts/SectionRow.astro b/src/layouts/SectionRow.astro
@@ -46,7 +46,7 @@ const {
     {
       screenshot && (
         <Image
-          class="w-full lg:w-96 max-w-md rounded-lg shadow-lg transform -rotate-6 mt-16 lg:mt-0 mb-8 lg:mb-0"
+          class:list={["w-full lg:w-96 max-w-md rounded-lg shadow-lg transform", "mt-16 lg:mt-0 mb-8 lg:mb-0", isReversed ? "-rotate-6" : "rotate-6"]}
           width="500"
           height="400"
           src={import(`../assets/${screenshot.path}.png`)}

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,7 @@ const {`
`46`	`46`	`{`
`47`	`47`	`screenshot && (`
`48`	`48`	`<Image`
`49`		`- class="w-full lg:w-96 max-w-md rounded-lg shadow-lg transform -rotate-6 mt-16 lg:mt-0 mb-8 lg:mb-0"`
	`49`	`+ class:list={["w-full lg:w-96 max-w-md rounded-lg shadow-lg transform", "mt-16 lg:mt-0 mb-8 lg:mb-0", isReversed ? "-rotate-6" : "rotate-6"]}`
`50`	`50`	`width="500"`
`51`	`51`	`height="400"`
`52`	`52`	src={import(`../assets/${screenshot.path}.png`)}