agent/agentskills
2
0
Fork 0
mirror of https://github.com/agentskills/agentskills.git synced 2026-06-18 15:54:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Override Mintlify's default <img> margins in logo carousel

Browse Source 
Mintlify adds 36px top and bottom margins to `<img>` elements in the
main content area. This caused unwanted vertical spacing in the logo
carousel rows. Adding `!my-0` to each `<img>` removes those margins.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Hefner
2026-04-01 12:21:53 -05:00
Unverified
parent 15ddb74928
commit ee7d80cb8b
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/snippets/LogoCarousel.jsx
+4 -4
View File
@@ -325,8 +325,8 @@ export const LogoCarousel = () => {
{row1Doubled.map((logo, i) => (
<div key={`${logo.name}-${i}`} style={{ width: 150 * (logo.scale || 1), maxWidth: "100%" }}>
<a href={logo.url} className="block no-underline border-none w-full h-full">
<img className="block dark:hidden object-contain w-full h-full" src={logo.lightSrc} alt={logo.name} noZoom />
<img className="hidden dark:block object-contain w-full h-full" src={logo.darkSrc} alt={logo.name} noZoom />
<img className="block dark:hidden object-contain w-full h-full !my-0" src={logo.lightSrc} alt={logo.name} noZoom />
<img className="hidden dark:block object-contain w-full h-full !my-0" src={logo.darkSrc} alt={logo.name} noZoom />
</a>
</div>
))}
@@ -337,8 +337,8 @@ export const LogoCarousel = () => {
{row2Doubled.map((logo, i) => (
<div key={`${logo.name}-${i}`} style={{ width: 150 * (logo.scale || 1), maxWidth: "100%" }}>
<a href={logo.url} className="block no-underline border-none w-full h-full">
<img className="block dark:hidden object-contain w-full h-full" src={logo.lightSrc} alt={logo.name} noZoom />
<img className="hidden dark:block object-contain w-full h-full" src={logo.darkSrc} alt={logo.name} noZoom />
<img className="block dark:hidden object-contain w-full h-full !my-0" src={logo.lightSrc} alt={logo.name} noZoom />
<img className="hidden dark:block object-contain w-full h-full !my-0" src={logo.darkSrc} alt={logo.name} noZoom />
</a>
</div>
))}