1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-11-05 04:51:30 +01:00

feat: add Locale switch to Curriculum Vitae (not visible in print mode)

This commit is contained in:
Théo LUDWIG 2024-08-01 00:48:22 +02:00
parent da4b483a3c
commit b199aedf77
Signed by: theoludwig
GPG Key ID: ADFE5A563D718F3B
4 changed files with 10 additions and 9 deletions

View File

@ -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;

View File

@ -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>
})}

View File

@ -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

View File

@ -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 },
)}
>