ahmed/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 6 Activity

New favicon

Browse Source
This commit is contained in:
Ahmed Al-Taiar
2024-10-01 21:20:39 -04:00
parent 4a94b6807e
commit 8671f47e91
4 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/Project/Project/Project.tsx
View File

@@ -13,8 +13,8 @@ const Project = ({ project }: Props) => {
return (
<div className="grid grid-rows-1 grid-cols-1 sm:grid-cols-2">
<div className="flex flex-col gap-8 p-8">
<h1 className="text-5xl font-bold font-syne">{project.title}</h1>
<div className="flex flex-wrap gap-2">
<h1 className="text-5xl font-bold font-syne w-fit">{project.title}</h1>
<div className="flex flex-wrap gap-2 w-fit">
{isAfter(new Date(project.date), startOfToday()) && (
<div className="badge badge-lg badge-info whitespace-nowrap">
planned
@@ -25,7 +25,7 @@ const Project = ({ project }: Props) => {
</div>
</div>
{project.tags.length > 0 && (
<div className="flex flex-wrap gap-2">
<div className="flex flex-wrap gap-2 w-fit">
{project.tags.map((tag, i) => (
<div
key={i}
@@ -44,8 +44,8 @@ const Project = ({ project }: Props) => {
{project.description && <p>{project.description}</p>}
{project.links.length > 0 && (
<>
<h2 className="font-bold text-3xl">Links</h2>
<div className="flex flex-col gap-2">
<h2 className="font-bold text-3xl w-fit">Links</h2>
<div className="flex flex-col gap-2 w-fit">
{project.links.map((link, i) => (
<a
key={i}
@@ -63,7 +63,7 @@ const Project = ({ project }: Props) => {
)}
<h2 className="sm:hidden font-bold text-3xl text-center">Images</h2>
</div>
<div className="flex flex-col gap-4 items-center">
<div className="flex flex-wrap gap-4 items-center pt-8 justify-center">
{project.images.map((image, i) => (
<a
href={image}