github/pse.dev
1
1
Fork 0
mirror of https://github.com/privacy-scaling-explorations/pse.dev.git synced 2026-04-23 03:01:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #39 from privacy-scaling-explorations/stage/dev

Browse Source 
fix: 📱 Make projects responsive on mobile
This commit is contained in:
Chiali
2023-07-18 09:32:32 -04:00
committed by GitHub
parent 332babd0cb 4dd44dabe7
commit 402ed1c344
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/projects/[id]/page.tsx
View File

@@ -85,7 +85,7 @@ export default function ProjectDetailPage({ params }: PageProps) {
</div>
</div>
<div className="flex w-full flex-col items-center justify-center gap-5 bg-anakiwa px-6 py-10 md:px-0">
<div className="w-[700px]">
<div className="w-full md:w-[700px]">
<div className="relative flex items-center justify-center overflow-hidden rounded-lg">
<Image
src={`/project-banners/${

3
app/projects/page.tsx
View File

@@ -52,9 +52,9 @@ export default function ProjectsPage() {
const { id, image, links, name, tldr } = project
const { github, website } = links
return (
<div key={index}>
<Link href={`/projects/${id}`}>
<div
key={index}
className="flex h-[419px] w-[310px] cursor-pointer flex-col overflow-hidden rounded-lg border border-slate-900/20 transition duration-150 ease-in hover:scale-105"
>
<Image
@@ -108,6 +108,7 @@ export default function ProjectsPage() {
</div>
</div>
</Link>
</div>
)
})}
</div>