Skip to content

Commit 72c8dac

Browse files
authored
Improve the image view on mobile device (#1481)
* Improve the image size on mobile device for better view * Fix the inconsistent container style on mobile devices * Revert "Fix the inconsistent container style on mobile devices" This reverts commit d87140b.
1 parent 9974b70 commit 72c8dac

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

pages/blog/posts/[slug].page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,7 +112,7 @@ export default function StaticMarkdownPage({
112112
</div>
113113
<div className='flex-1 lg:w-3/4 w-full'>
114114
<div
115-
className='bg-slate-50 h-[500px] w-full rounded-lg bg-cover mb-10 bg-center'
115+
className='bg-slate-50 w-full rounded-lg bg-cover mb-10 bg-center min-h-[200px] sm:min-h-[300px] md:min-h-[400px] lg:min-h-[500px]'
116116
style={{ backgroundImage: `url(${frontmatter.cover})` }}
117117
/>
118118
<StyledMarkdown markdown={content} />

0 commit comments

Comments
 (0)