github/sim
1
1
Fork 0
mirror of https://github.com/simstudioai/sim.git synced 2026-04-28 03:00:29 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(blog): stack featured posts vertically on mobile to prevent horizontal overflow (#4012)

Browse Source
This commit is contained in:
Waleed
2026-04-07 08:42:49 -07:00
committed by GitHub
parent 68df7320bd
commit ed19fed0ca
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/sim/app/(landing)/blog/page.tsx
View File

@@ -81,12 +81,12 @@ export default async function BlogIndex({
{/* Featured posts */}
{featured.length > 0 && (
<>
<div className='flex'>
<div className='flex flex-col sm:flex-row'>
{featured.map((p, index) => (
<Link
key={p.slug}
href={`/blog/${p.slug}`}
className='group flex flex-1 flex-col gap-4 border-[var(--landing-bg-elevated)] p-6 transition-colors hover:bg-[var(--landing-bg-elevated)] md:border-l md:first:border-l-0'
className='group flex flex-1 flex-col gap-4 border-[var(--landing-bg-elevated)] border-t p-6 transition-colors first:border-t-0 hover:bg-[var(--landing-bg-elevated)] sm:border-t-0 sm:border-l sm:first:border-l-0'
>
<div className='relative aspect-video w-full overflow-hidden rounded-[5px]'>
<img