ploc/portfolio_v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hopeffuly fixed all reponsive problems

Browse Source
This commit is contained in:
Ploc300
2025-02-18 14:50:17 +01:00
parent c192a6c12f
commit 710c283136
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.jsx
+1 -1
View File
@@ -17,7 +17,7 @@ function App() {
return ( return (
<> <>
{!isLoaded && <LoadingScreen onComplete={() => setIsLoaded(true)} />} {!isLoaded && <LoadingScreen onComplete={() => setIsLoaded(true)} />}
<div className={`min-h-screen min-w-sc transition-opacity duration-700 ${isLoaded ? "opacity-100" : "opacity-0"} bg-black text-gray-100`}> <div className={`min-h-screen max-w-sc transition-opacity duration-700 ${isLoaded ? "opacity-100" : "opacity-0"} bg-black text-gray-100`}>
<Navbar menuOpen={menuOpen} setMenuOpen={setMenuOpen} /> <Navbar menuOpen={menuOpen} setMenuOpen={setMenuOpen} />
<MobileMenu menuOpen={menuOpen} setMenuOpen={setMenuOpen} /> <MobileMenu menuOpen={menuOpen} setMenuOpen={setMenuOpen} />
<Home /> <Home />
src/components/sections/About.jsx
+6 -6
View File
@@ -198,7 +198,7 @@ function About() {
<span className="text-lg">Skills</span> <span className="text-lg">Skills</span>
<ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5"> <ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5">
{cybersecuritySkills.skils.map((value, key) => ( {cybersecuritySkills.skils.map((value, key) => (
<li key={key} className="text-sm whitespace-nowrap bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">{value}</li> <li key={key} className="text-sm whitespace-normal bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">{value}</li>
))} ))}
</ul> </ul>
<span className="text-lg">Projects</span> <span className="text-lg">Projects</span>
@@ -217,7 +217,7 @@ function About() {
<span className="text-lg">Skills</span> <span className="text-lg">Skills</span>
<ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5"> <ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5">
{programmationSkills.skils.map((value, key) => ( {programmationSkills.skils.map((value, key) => (
<li key={key} className="text-sm whitespace-nowrap bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">{value}</li> <li key={key} className="text-sm whitespace-normal bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59,130,246,0.2)] transition">{value}</li>
))} ))}
</ul> </ul>
<span className="text-lg">Projects</span> <span className="text-lg">Projects</span>
@@ -236,7 +236,7 @@ function About() {
<span className="text-lg">Skills</span> <span className="text-lg">Skills</span>
<ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5"> <ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5">
{networkSkills.skils.map((value, key) => ( {networkSkills.skils.map((value, key) => (
<li key={key} className="text-sm my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li> <li key={key} className="text-sm whitespace-normal my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li>
))} ))}
</ul> </ul>
<span className="text-lg">Projects</span> <span className="text-lg">Projects</span>
@@ -255,7 +255,7 @@ function About() {
<span className="text-lg">Skills</span> <span className="text-lg">Skills</span>
<ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5"> <ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5">
{systemSkills.skils.map((value, key) => ( {systemSkills.skils.map((value, key) => (
<li key={key} className="text-sm my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li> <li key={key} className="text-sm whitespace-normal my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li>
))} ))}
</ul> </ul>
<span className="text-lg">Projects</span> <span className="text-lg">Projects</span>
@@ -274,7 +274,7 @@ function About() {
<span className="text-lg">Skills</span> <span className="text-lg">Skills</span>
<ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5"> <ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5">
{projectManagementSkills.skils.map((value, key) => ( {projectManagementSkills.skils.map((value, key) => (
<li key={key} className="text-sm my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li> <li key={key} className="text-sm whitespace-normal my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li>
))} ))}
</ul> </ul>
<span className="text-lg">Projects</span> <span className="text-lg">Projects</span>
@@ -293,7 +293,7 @@ function About() {
<span className="text-lg">Skills</span> <span className="text-lg">Skills</span>
<ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5"> <ul className="flex flex-wrap flex-row space-x-2 space-y-2 list-inside mx-5">
{languageSkills.skils.map((value, key) => ( {languageSkills.skils.map((value, key) => (
<li key={key} className="text-sm my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li> <li key={key} className="text-sm =whitespace-normal my-1 bg-blue-500/10 text-blue-500 py-1 px-3 rounded-full hover:bg-blue-500/20 hover:shadow-[0_2px_8px_rgba(59, 130, 246, 0.2)] transition">{value}</li>
))} ))}
</ul> </ul>
<span className="text-lg">Projects</span> <span className="text-lg">Projects</span>