mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 09:25:06 +03:00
fix: ImageGrid shows scrollbars (#46451)
## Problem <img width="720" height="796" alt="image" src="https://github.com/user-attachments/assets/830530e2-d0a0-49cd-a036-85fce7ec9bc3" /> ## Solution <img width="706" height="808" alt="image" src="https://github.com/user-attachments/assets/1170eb0f-89a5-4642-98e9-7e9349312bc0" /> ## How to test - Fixed: https://zone-www-dot-86t6fdcat-supabase.vercel.app/blog/supabase-series-a - Fixed: https://zone-www-dot-86t6fdcat-supabase.vercel.app/blog/supabase-enterprise - Should work as before: https://zone-www-dot-86t6fdcat-supabase.vercel.app/company - Should work as before: https://zone-www-dot-86t6fdcat-supabase.vercel.app/ga <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Style** * Updated styling classes in the image grid component for improved consistency and layout alignment. <!-- review_stack_entry_start --> [](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/46451?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack) <!-- review_stack_entry_end --> <!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
1 parent
b0d023bd04
commit
71f072ee44
1 file changed
+4
-4
@@ -1,8 +1,8 @@
|
||||
'use client'
|
||||
|
||||
import { motion } from 'framer-motion'
|
||||
import Image from 'next/image'
|
||||
import Link from 'next/link'
|
||||
import { motion } from 'framer-motion'
|
||||
import { cn } from 'ui'
|
||||
|
||||
interface iImages {
|
||||
@@ -73,7 +73,7 @@ const ImageGrid = ({
|
||||
|
||||
return (
|
||||
<div
|
||||
className={`grid
|
||||
className={`grid
|
||||
gap-0.5 rounded-lg overflow-hidden
|
||||
items-center
|
||||
${smBreakpoint[smCols]}
|
||||
@@ -116,7 +116,7 @@ const ImageGrid = ({
|
||||
className={cn(
|
||||
bg && 'bg-surface-200',
|
||||
'w-full',
|
||||
`col-span-1 flex items-center justify-center
|
||||
`col-span-1 flex items-center justify-center
|
||||
${x.link && 'hover:bg-overlay-hover'}
|
||||
p-8 ${className}`
|
||||
)}
|
||||
@@ -128,7 +128,7 @@ const ImageGrid = ({
|
||||
fill
|
||||
sizes="100%"
|
||||
className={cn(
|
||||
'object-scale-down object-center bg-no-repeat',
|
||||
'object-scale-down object-center bg-no-repeat m-0',
|
||||
!removeFilter && 'contrast-0 filter opacity-50'
|
||||
)}
|
||||
/>
|
||||
|
||||
Reference in new issue
Block a user