AramJonghu/aramjonghu-site
1
0
Fork 0
mirror of https://git.aramjonghu.dev/AramJonghu/aramjonghu-site.git synced 2026-09-06 07:33:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore(mobile): mobile view improved /w min-w and component order

Browse Source
This commit is contained in:
AramJonghu
2026-08-07 06:11:09 +02:00
parent 7777afae64
commit 0611e56399
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Portfolio.tsx
+4 -4
View File
@@ -103,13 +103,13 @@ export default function Portfolio(): ReactElement {
return (
<div className="text-ctp-text flex flex-col min-h-screen px-4 py-6">
<div className="w-full max-w-360 min-w-120 mx-auto flex flex-col flex-1">
<div className="max-w-340 min-w-96 mx-auto flex flex-col flex-1">
<h1 className="text-4xl text-center font-bold text-ctp-mauve mb-6">
Portfolio
</h1>
<div className="grid md:grid-cols-[2fr_1fr] gap-8 items-start">
<div className="space-y-2">
<div className="grid md:grid-cols-[10fr_6fr] gap-8 items-start">
<div>
<PortfolioSection title="Projects & Contributions">
{projects.map((proj) => (
<a
@@ -174,7 +174,7 @@ export default function Portfolio(): ReactElement {
))}
</PortfolioSection>
</div>
<div className="space-y-6">
<div className="space-y-6 order-first md:order-0">
<div className="bg-ctp-mantle border border-ctp-lavender-800 rounded-xl p-6">
<img
src={avatar}