space/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Codex tried to make the site more responsive on mobile
Build Check / build (push) Successful in 48s
Details
Build Check / push-image (push) Successful in 2m43s
Details
Build Check / deploy-coolify (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Space-Banane
2026-06-03 15:58:29 +02:00
parent 40526e115e
commit aebeed3964
19 changed files with 130 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/WorkExperience.tsx
+7 -7
View File
@@ -51,18 +51,18 @@ export function WorkExperience({ realWork }: WorkExperienceProps) {
);
return (
<section className="w-full max-w-4xl mx-auto px-4 space-y-8">
<section className="w-full max-w-4xl mx-auto px-4 space-y-6 sm:space-y-8">
<div className="text-center space-y-2">
<h2 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500">
<h2 className="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500 sm:text-3xl">
Work Experience
</h2>
<p className="text-gray-400 max-w-2xl mx-auto">
<p className="mx-auto max-w-2xl text-sm text-gray-400 sm:text-base">
Actual work that i did at actual companies.
</p>
</div>
{realWork.length === 0 ? (
<div className="p-6 md:p-8 rounded-2xl bg-gradient-to-br from-cyan-500/10 to-blue-500/5 backdrop-blur-sm border border-cyan-500/20 text-center">
<div className="rounded-2xl border border-cyan-500/20 bg-gradient-to-br from-cyan-500/10 to-blue-500/5 p-5 text-center backdrop-blur-sm sm:p-6 md:p-8">
<p className="text-gray-300">No work experience entries available yet.</p>
</div>
) : (
@@ -70,11 +70,11 @@ export function WorkExperience({ realWork }: WorkExperienceProps) {
{sortedRealWork.map((entry, index) => (
<div
key={`${entry.company}-${index}`}
className="p-6 md:p-8 rounded-2xl bg-gradient-to-br from-cyan-500/10 to-blue-500/5 backdrop-blur-sm border border-cyan-500/20 space-y-5"
className="mx-auto w-full max-w-[20rem] space-y-4 rounded-2xl border border-cyan-500/20 bg-gradient-to-br from-cyan-500/10 to-blue-500/5 p-5 backdrop-blur-sm sm:max-w-none sm:space-y-5 sm:p-6 md:p-8"
>
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2">
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-2">
<div>
<h3 className="text-2xl font-semibold text-white">{entry.company}</h3>
<h3 className="text-xl font-semibold text-white sm:text-2xl">{entry.company}</h3>
{entry.role ? (
<p className="text-sm font-medium text-cyan-200/90 mt-1">{entry.role}</p>
) : null}