fix

bicstone · Jun 17, 2023 · f9b2e26 · f9b2e26
1 parent 77ee306
commit f9b2e26
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/features/RelatedBlogPostList/RelatedBlogPostCard.tsx b/src/features/RelatedBlogPostList/RelatedBlogPostCard.tsx
@@ -25,7 +25,7 @@ export const RelatedBlogPostCard = (props: {
 
   return (
     <Grid item component="article" xs={12} sm={6} md={4}>
-      <Card>
+      <Card variant="filled">
         <CardActionArea
           component={RouterLink}
           to={`/${post.frontmatter.slug}`}

diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx
@@ -25,7 +25,7 @@ export const Header = (): JSX.Element => {
     <AppBar
       position="fixed"
       color={scrollTrigger ? "primary" : "default"}
-      elevation={scrollTrigger ? 4 : 0}
+      elevation={0}
       role="banner"
       enableColorOnDark
     >
@@ -40,19 +40,23 @@ export const Header = (): JSX.Element => {
             css={(theme) => ({
               display: "flex",
               alignItems: "center",
-              gap: theme.spacing(0.5),
+              gap: theme.spacing(1),
             })}
           >
             <BicstoneLogo
               aria-hidden="true"
               css={(theme) => ({
-                marginRight: theme.spacing(0.5),
                 display: "inline-flex",
                 width: theme.spacing(3),
                 height: theme.spacing(3),
               })}
             />
-            <Typography color="textPrimary" variant="h6" component="h1">
+            <Typography
+              color="textPrimary"
+              variant="h6"
+              component="h1"
+              fontWeight="bold"
+            >
               おおいし （@bicstone）
             </Typography>
           </div>

diff --git a/src/templates/BlogPost.tsx b/src/templates/BlogPost.tsx
@@ -208,6 +208,7 @@ const BlogPostTemplate = ({
       </div>
 
       <Card
+        variant="outlined"
         css={(theme) => ({
           margin: theme.spacing(3, 0),
           padding: theme.spacing(0, 1, 3, 1),