jashton/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implementing suggestions from user.

Browse Source
This commit is contained in:
Joshua Ashton
2025-01-08 09:32:42 -07:00
parent c800bd9906
commit ccc0a0729a
2 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Projects.jsx
+5 -5
View File
@@ -28,15 +28,15 @@ export default function Projects({ cardData }) {
<div id="projects-header-row"> <div id="projects-header-row">
<h1>Projects</h1> <h1>Projects</h1>
<div id="projects-nav-buttons"> <div id="projects-nav-buttons">
<div className="slider-nav-button shadow tooltip" onClick={prevSlide}> <div className="slider-nav-button tooltip" onClick={prevSlide}>
<span className="material-icons"> <span className="material-icons project-nav-icon">
chevron_left chevron_left
</span> </span>
<span className="tooltip-text">Previous Project</span> <span className="tooltip-text">Previous Project</span>
</div> </div>
<div className="slider-nav-button shadow tooltip" onClick={nextSlide}> <div className="slider-nav-button tooltip" onClick={nextSlide}>
<span className="material-icons"> <span className="material-icons project-nav-icon">
chevron_right chevron_right
</span> </span>
<span className="tooltip-text">Next Project</span> <span className="tooltip-text">Next Project</span>
@@ -46,7 +46,7 @@ export default function Projects({ cardData }) {
<Swiper <Swiper
modules={[Navigation, Scrollbar]} modules={[Navigation, Scrollbar]}
navigation navigation
slidesPerView={1.2} slidesPerView={1}
loop={false} loop={false}
id="project-cards-section" id="project-cards-section"
className="mySwiper" className="mySwiper"
src/main.css
+19 -5
View File
@@ -321,19 +321,21 @@ p {
#projects-header-row { #projects-header-row {
display: flex; display: flex;
align-items: top;
} }
#projects-nav-buttons { #projects-nav-buttons {
margin-top: 1.5vw;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: bottom;
justify-content: right; justify-content: left;
width: 100%; width: 100%;
margin-right: 5vw;
} }
.slider-nav-button { .slider-nav-button {
margin: 2vw; margin-left: 2vw;
margin-right: 2vw;
transition-duration: 500ms; transition-duration: 500ms;
} }
@@ -873,8 +875,20 @@ p {
border-radius: 10px; border-radius: 10px;
} }
#projects-header-row h1 {
margin-top: .2vw;
}
#projects-nav-buttons { #projects-nav-buttons {
visibility: hidden; margin-top: 0;
}
.slider-nav-button {
height: max-content;
}
.project-nav-icon {
font-size: clamp(2rem, 3rem, 4rem);
} }
} }