feat(style): update

louisgrasset · Jul 13, 2024 · 19dce06 · 19dce06
1 parent bd5922f
commit 19dce06
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 4 deletions.
diff --git a/src/components/Navigation/Navigation.scss b/src/components/Navigation/Navigation.scss
@@ -13,6 +13,7 @@
   justify-content: space-between;
   padding: 4rem 0;
 
+
   @media screen and (max-width: breakpoints.$md) {
     padding-bottom: 1rem;
     padding-top: 2rem;
@@ -180,7 +181,7 @@
       position: relative;
 
       &::after {
-        background-color: colors.$teal;
+        background-color: colors.$secondary;
         bottom: -3rem;
         content: '';
         height: 0.3rem;

diff --git a/src/components/Slider/Slider.scss b/src/components/Slider/Slider.scss
@@ -42,6 +42,14 @@
     padding: 10px 0;
   }
 
+  &__separator {
+    margin: 48px auto;
+    height: 4px;
+    width: 65%;
+    border-radius: 4px;
+    background: rgba(colors.$white, 50%);
+  }
+
   &__dot {
     background: rgba(colors.$teal, 25%);
     border: 0;

diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
@@ -51,8 +51,8 @@ export function Slider ({ withBreakpoints = false, slides }: SliderProps) {
                         />
 
                         <Arrow
-                            onClick={(e: any) => e.stopPropagation() || instanceRef.current?.next() }
-                            disabled={ currentSlide === instanceRef.current.track.details.slides.length - 1}
+                            onClick={(e: any) => e.stopPropagation() || instanceRef.current?.next()}
+                            disabled={currentSlide === instanceRef.current.track.details.slides.length - 1}
                         />
                     </>
                 )}

diff --git a/src/sections/Portfolio/Portfolio.tsx b/src/sections/Portfolio/Portfolio.tsx
@@ -16,10 +16,16 @@ export function Portfolio () {
             <div className="section-portfolio__wrapper">
                 <Header content="Projets de fin d'études"/>
                 <Slider withBreakpoints slides={slidesForProject(endOfStudyProjects)} />
+                <div className="slider__separator"/>
+
                 <Header content="Projets Bac+5"/>
                 <Slider withBreakpoints slides={slidesForProject(bacPlus5Projects)} />
+                <div className="slider__separator"/>
+
                 <Header content="Projets Bac+3"/>
                 <Slider withBreakpoints slides={slidesForProject(bacPlus3Projects)} />
+                <div className="slider__separator"/>
+
                 <Header content="Projets Bac+2"/>
                 <Slider withBreakpoints slides={slidesForProject(bacPlus2Projects)} />
             </div>

diff --git a/src/sections/Statistics/Statistics.tsx b/src/sections/Statistics/Statistics.tsx
@@ -22,7 +22,7 @@ export function Statistics() {
         [],
     );
     const experience = useMemo(() => new Date().getFullYear() - 2018, []);
-    const hardskills = useMemo(() => skills.map((skill) => skill.name), []);
+    const hardskills = useMemo(() => skills.filter(({ tags }) => tags.length === 1 ? ! tags.includes("soft skills"): true).map((skill) => skill.name), []);
     const softskills = [
         "Proactif",
         "Organisé",