soconnor/personal-website
1
0
Fork 0
mirror of https://github.com/soconnor0919/personal-website.git synced 2025-12-12 23:04:43 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix image spacing

Browse Source
This commit is contained in:
Sean O'Connor
2024-10-27 11:28:23 -07:00
parent 3a22dcdcbc
commit a244f7d83f
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

12
src/app/projects/page.tsx
View File

@@ -19,9 +19,9 @@ export default function ProjectsPage() {
<div className="space-y-6"> <div className="space-y-6">
{projects.map((project, index) => ( {projects.map((project, index) => (
<Card key={index}> <Card key={index}>
<div className="flex flex-col lg:flex-row lg:items-center"> <div className="flex flex-col lg:flex-row">
<div className="flex-1"> <div className="flex-1">
<CardHeader> <CardHeader className="pb-2">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<CardTitle>{project.title}</CardTitle> <CardTitle>{project.title}</CardTitle>
{project.link && ( {project.link && (
@@ -37,11 +37,11 @@ export default function ProjectsPage() {
</div> </div>
<CardDescription className="text-base">{project.description}</CardDescription> <CardDescription className="text-base">{project.description}</CardDescription>
</CardHeader> </CardHeader>
<CardContent className="space-y-4"> <CardContent className="pt-0">
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
{project.longDescription} {project.longDescription}
</p> </p>
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2 mt-4">
{project.tags.map((tag) => ( {project.tags.map((tag) => (
<Badge key={tag} variant="secondary"> <Badge key={tag} variant="secondary">
{tag} {tag}
@@ -52,8 +52,8 @@ export default function ProjectsPage() {
</div> </div>
{project.image && ( {project.image && (
<div className="px-6 pb-6 lg:py-6 lg:w-1/3"> <div className="px-6 pb-6 lg:py-6 lg:w-1/3 md:px-24 lg:px-6">
<div className="relative aspect-[4/3] w-full overflow-hidden rounded-lg"> <div className="relative aspect-[4/3] w-full overflow-hidden">
<Image <Image
src={project.image} src={project.image}
alt={project.title} alt={project.title}