Take whole width on mobile

hasparus · hasparus · commit 3d998e247f20 · 2025-11-13T17:51:37.000+01:00
diff --git a/src/app/(main)/community/events/events-scrollview.tsx b/src/app/(main)/community/events/events-scrollview.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from "react"
 
 export function EventsScrollview({ children }: { children: ReactNode }) {
   return (
-    <div className="xs:nextra-scrollbar relative -mx-6 grid w-fit max-w-full grid-flow-col grid-rows-2 gap-2 overflow-auto p-6 scrollview-fade-x-16 scrollview-fade has-[>:only-child]:grid-rows-1 sm:-mx-1 sm:px-1 lg:gap-4">
+    <div className="xs:nextra-scrollbar relative -mx-6 grid w-fit max-w-full grid-flow-col grid-rows-2 gap-2 overflow-auto p-6 scrollview-fade-x-16 scrollview-fade has-[>:only-child]:grid-rows-1 max-sm:min-w-[100vw] sm:-mx-1 sm:px-1 lg:gap-4">
       {children}
     </div>
   )

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import { ReactNode } from "react"`
`2`	`2`
`3`	`3`	`export function EventsScrollview({ children }: { children: ReactNode }) {`
`4`	`4`	`return (`
`5`		`- <div className="xs:nextra-scrollbar relative -mx-6 grid w-fit max-w-full grid-flow-col grid-rows-2 gap-2 overflow-auto p-6 scrollview-fade-x-16 scrollview-fade has-[>:only-child]:grid-rows-1 sm:-mx-1 sm:px-1 lg:gap-4">`
	`5`	`+ <div className="xs:nextra-scrollbar relative -mx-6 grid w-fit max-w-full grid-flow-col grid-rows-2 gap-2 overflow-auto p-6 scrollview-fade-x-16 scrollview-fade has-[>:only-child]:grid-rows-1 max-sm:min-w-[100vw] sm:-mx-1 sm:px-1 lg:gap-4">`
`6`	`6`	`{children}`
`7`	`7`	`</div>`
`8`	`8`	`)`