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

refactor(blog): widen content area

Browse source
This commit is contained in:
Kim, Jimin 2023-07-09 10:52:28 +09:00
parent 6787eb1c00
commit 7af6907a54
2 changed files with 2 additions and 2 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 ( return (
<> <>
<Header /> <Header />
<main className="mx-auto mb-8 mt-20 flex w-full max-w-screen-mobile 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-4">
<Switch> <Switch>
<Route path="/"> <Route path="/">
<Home /> <Home />

2
apps/blog/src/components/Card.tsx
View file

@ -8,7 +8,7 @@ interface Props {
export default function Card({ children, className }: Props) { export default function Card({ children, className }: Props) {
return ( return (
<div <div
className={`${className} flex h-fit w-full max-w-screen-mobile flex-col rounded-md bg-light-card-bg p-8 shadow-lg dark:bg-dark-card-bg`} className={`${className} flex h-fit w-full max-w-screen-mobile flex-col rounded-md bg-light-card-bg px-6 py-8 shadow-lg dark:bg-dark-card-bg`}
> >
{children} {children}
</div> </div>