From e83c31b82dd65325c08516bf4e51edf8f6090e82 Mon Sep 17 00:00:00 2001 From: II-Paulus-II Date: Wed, 27 Mar 2024 12:52:00 +0000 Subject: [PATCH] styling for projects - scrollable container only finished --- index.html | 3 ++- src/components/CppProjects.jsx | 1 - src/components/ModProjects.jsx | 1 - src/pages/{Expertise.jsx => ExpertisePage.jsx} | 0 src/pages/{Home.jsx => HomePage.jsx} | 0 src/pages/{Projects.jsx => ProjectsPage.jsx} | 0 src/styles/App.css | 3 ++- src/styles/projects.css | 4 +++- 8 files changed, 7 insertions(+), 5 deletions(-) rename src/pages/{Expertise.jsx => ExpertisePage.jsx} (100%) rename src/pages/{Home.jsx => HomePage.jsx} (100%) rename src/pages/{Projects.jsx => ProjectsPage.jsx} (100%) diff --git a/index.html b/index.html index eb4c0c2..38f28e0 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,8 @@ - + + Paul Hughes - Full Stack Developer diff --git a/src/components/CppProjects.jsx b/src/components/CppProjects.jsx index 0f868fe..bdbc710 100644 --- a/src/components/CppProjects.jsx +++ b/src/components/CppProjects.jsx @@ -3,7 +3,6 @@ import "@/styles/projects.css"; import { cppProjects } from "@/data/cppdata.js"; - function CppProjects() { return (
diff --git a/src/components/ModProjects.jsx b/src/components/ModProjects.jsx index bd7df88..705199f 100644 --- a/src/components/ModProjects.jsx +++ b/src/components/ModProjects.jsx @@ -2,7 +2,6 @@ import "@/styles/projects.css"; import { modProjects } from "@/data/modsdata.js"; - function ModProjects() { return (
diff --git a/src/pages/Expertise.jsx b/src/pages/ExpertisePage.jsx similarity index 100% rename from src/pages/Expertise.jsx rename to src/pages/ExpertisePage.jsx diff --git a/src/pages/Home.jsx b/src/pages/HomePage.jsx similarity index 100% rename from src/pages/Home.jsx rename to src/pages/HomePage.jsx diff --git a/src/pages/Projects.jsx b/src/pages/ProjectsPage.jsx similarity index 100% rename from src/pages/Projects.jsx rename to src/pages/ProjectsPage.jsx diff --git a/src/styles/App.css b/src/styles/App.css index 4915d08..e33d82c 100644 --- a/src/styles/App.css +++ b/src/styles/App.css @@ -12,7 +12,7 @@ body { height: 100vh; max-width: 100vw; font-family: monospace; - overflow-y: none; + overflow-y: hidden; } a { @@ -33,6 +33,7 @@ a:-webkit-any-link { flex-direction: column; background: linear-gradient(109.6deg, rgb(10, 20, 20) 11.2%, rgb(11, 132, 145) 91.1%); width: 100%; + height: 100%; min-height: 100%; } diff --git a/src/styles/projects.css b/src/styles/projects.css index 15be9e1..3e2d48a 100644 --- a/src/styles/projects.css +++ b/src/styles/projects.css @@ -1,5 +1,6 @@ .projectArticleContainer { min-height: 100vh; + height: 100%; width: 100%; padding: 4.5rem 2rem; color: white; @@ -92,8 +93,9 @@ flex-direction: row; flex-wrap: wrap; margin: 0.5rem; + padding-bottom: 4rem; width: 100%; - box-sizing: content-box; + height: 100%; overflow-y: scroll; }