From b199aedf7794ae73270124328eda434cd9100574 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o=20LUDWIG?= <contact@theoludwig.fr>
Date: Thu, 1 Aug 2024 00:48:22 +0200
Subject: [PATCH] feat: add Locale switch to Curriculum Vitae (not visible in
 print mode)

---
 packages/config-tailwind/styles.css                        | 7 -------
 .../ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx    | 6 +++++-
 packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx | 4 ++++
 packages/ui/src/Layout/Header/Locales/Locales.tsx          | 2 +-
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/config-tailwind/styles.css b/packages/config-tailwind/styles.css
index 296cac7..1764482 100644
--- a/packages/config-tailwind/styles.css
+++ b/packages/config-tailwind/styles.css
@@ -172,9 +172,6 @@ code .line:last-child {
     border: 0;
     border-top: 1px solid #eee;
   }
-  p {
-    margin: 0;
-  }
   a {
     color: #337ab7;
     text-decoration: none;
@@ -229,10 +226,6 @@ code .line:last-child {
     list-style: none;
   }
 
-  ul {
-    padding-inline-start: 20px;
-  }
-
   .card-wrapper {
     float: none !important;
     padding: 5px;
diff --git a/packages/ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx b/packages/ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx
index 5b4cdad..d03597d 100644
--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx
@@ -88,7 +88,11 @@ export const CurriculumVitaeEducation: React.FC<
                 </p>
 
                 {education.courses.length > 0 ? (
-                  <ul className="educational-courses">
+                  <ul
+                    style={{
+                      paddingInlineStart: 20,
+                    }}
+                  >
                     {education.courses.map((course) => {
                       return <li key={course}>{course}</li>
                     })}
diff --git a/packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx b/packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx
index 197b4e6..797b326 100644
--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx
@@ -2,6 +2,7 @@ import { Link } from "@repo/i18n/navigation"
 import { useTranslations } from "next-intl"
 import Image from "next/image"
 import { BirthDate } from "../Home/About/AboutList/BirthDate"
+import { Locales } from "../Layout/Header/Locales/Locales"
 
 export interface CurriculumVitaeProfileProps {}
 
@@ -12,6 +13,9 @@ export const CurriculumVitaeProfile: React.FC<
 
   return (
     <div className="card p-2">
+      <div className="mx-2 flex print:hidden">
+        <Locales />
+      </div>
       <div className="profile-pic-container">
         <div className="profile-pic">
           <Image
diff --git a/packages/ui/src/Layout/Header/Locales/Locales.tsx b/packages/ui/src/Layout/Header/Locales/Locales.tsx
index 3b3088b..6798154 100644
--- a/packages/ui/src/Layout/Header/Locales/Locales.tsx
+++ b/packages/ui/src/Layout/Header/Locales/Locales.tsx
@@ -59,7 +59,7 @@ export const Locales: React.FC<LocalesProps> = () => {
 
       <ul
         className={classNames(
-          "shadow-lightFlag dark:shadow-darkFlag bg-background dark:bg-background-dark absolute top-14 z-10 mt-4 flex w-32 list-none flex-col items-center justify-center rounded-lg p-0",
+          "shadow-lightFlag dark:shadow-darkFlag bg-background dark:bg-background-dark absolute top-14 z-10 mt-2 flex w-32 list-none flex-col items-center justify-center rounded-lg p-0",
           { hidden: !isVisibleMenu },
         )}
       >