style: remove rounded borders on cards
All checks were successful
Deploy Blog / deploy (push) Successful in 1m29s

This commit is contained in:
Thomas Bishop 2025-07-20 19:15:26 +01:00
parent 935aceb794
commit 43eec03edd
3 changed files with 149 additions and 149 deletions

View file

@ -27,9 +27,9 @@ const PostListing = ({ posts, title, showAllButton }) => {
>
<Card
key={post.slug}
className="flex flex-col h-full hover:bg-primary/5 py-4 px-0"
className="flex flex-col h-full hover:bg-primary/5 py-4 rounded-none"
>
<CardHeader className="px-4 md:px-6">
<CardHeader className="">
<CardTitle className="leading-snug font-semibold ">
{post.title}
</CardTitle>

View file

@ -9,7 +9,7 @@ const HomePage = () => {
const { posts } = usePosts()
return (
<MainTemplate>
<Card className="mb-8">
<Card className="mb-8 rounded-none">
<CardHeader>
<h1 className="scroll-m-20 text-left text-3xl font-semibold">
Another software engineer with a blog

View file

@ -75,7 +75,7 @@ const PostsPage = () => {
>
<Card
key={post.slug}
className="flex flex-col h-full hover:bg-primary/5 py-4 px-0"
className="flex flex-col h-full hover:bg-primary/5 py-4 px-0 rounded-none"
>
<CardHeader>
<CardTitle className="leading-snug font-semibold">