fix(blog): broken layout
This commit is contained in:
parent
f7be961d58
commit
de98802eb5
2 changed files with 4 additions and 4 deletions
|
@ -14,7 +14,7 @@ function App() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Header />
|
<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>
|
<Switch>
|
||||||
<Route path="/">
|
<Route path="/">
|
||||||
<Home />
|
<Home />
|
||||||
|
|
|
@ -24,9 +24,9 @@ export default function PostCard({ postData, className }: Props) {
|
||||||
const { content_id, wordCount, date, readTime, title, tags } = postData
|
const { content_id, wordCount, date, readTime, title, tags } = postData
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Link href={content_id}>
|
<Link href={content_id} className={`${className} w-full`}>
|
||||||
<a className={`${className} w-full`}>
|
<a 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">
|
<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">
|
<h2 className="mb-8 text-3xl">
|
||||||
{title}
|
{title}
|
||||||
{/* show "(series)" for urls that matches regex "/series/<series-title>" */}
|
{/* show "(series)" for urls that matches regex "/series/<series-title>" */}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue