pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

fix(blog): broken layout

Browse source
This commit is contained in:
Kim, Jimin 2023-07-07 19:34:58 +09:00
parent f7be961d58
commit de98802eb5
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/blog/src/App.tsx
View file

@ -14,7 +14,7 @@ function App() {
return (
<>
<Header />
<main className="mb-8 mt-20 flex w-screen grow flex-col items-center gap-8 px-8">
<main className="mx-auto mb-8 mt-20 flex w-full max-w-screen-mobile grow flex-col items-center gap-8 px-8">
<Switch>
<Route path="/">
<Home />

6
apps/blog/src/components/PostCard.tsx
View file

@ -24,9 +24,9 @@ export default function PostCard({ postData, className }: Props) {
const { content_id, wordCount, date, readTime, title, tags } = postData
return (
<Link href={content_id}>
<a className={`${className} w-full`}>
<Card className="cursor-pointer fill-light-text-gray text-light-text-gray hover:shadow-glow dark:fill-dark-text-gray dark:text-dark-text-gray">
<Link href={content_id} className={`${className} w-full`}>
<a className="w-full">
<Card className="w-full cursor-pointer fill-light-text-gray text-light-text-gray hover:shadow-glow dark:fill-dark-text-gray dark:text-dark-text-gray">
<h2 className="mb-8 text-3xl">
{title}
{/* show "(series)" for urls that matches regex "/series/<series-title>" */}