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

feat(mobile): improve mobile view by introducing css for small devices

Browse Source
This commit is contained in:
AramJonghu
2026-07-31 18:30:57 +02:00
parent 6b94a75e30
commit 9edde535bb
3 changed files with 26 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ProjectInfo.tsx
+4 -4
View File
@@ -10,19 +10,19 @@ export default function ProjectInfo(): ReactElement {
return (
<>
<div className="flex justify-between mx-30 mb-6">
<div className="flex justify-between items-center gap-2 mx-4 md:mx-30 mb-6">
<button
onClick={prevProject}
className="px-3 py-1 rounded ui-btn text-ctp-text"
className="shrink-0 px-3 py-1 rounded ui-btn text-ctp-text"
>
◀︎ Prev
</button>
<span className="self-center mx-6 text-ctp-mauve text-2xl font-bold">
<span className="self-center min-w-0 truncate mx-2 md:mx-6 text-ctp-mauve text-xl md:text-2xl font-bold">
{projects[projIdx].name} ({projIdx + 1}/{projects.length})
</span>
<button
onClick={nextProject}
className="px-3 py-1 rounded ui-btn text-ctp-text"
className="shrink-0 px-3 py-1 rounded ui-btn text-ctp-text"
>
Next ▶︎
</button>