From 4ee14f1c21fde63a472a937ef2d29f70bda715e5 Mon Sep 17 00:00:00 2001 From: Yohan Boujon Date: Sat, 10 Feb 2024 12:23:43 +0100 Subject: [PATCH] Change the language icon to the top of the page. --- frontend/src/lib/css/cv.css | 31 +++++++++++++++++ frontend/src/routes/lang=[lang]/+page.svelte | 36 ++++++++++---------- 2 files changed, 49 insertions(+), 18 deletions(-) diff --git a/frontend/src/lib/css/cv.css b/frontend/src/lib/css/cv.css index 7bbe681..5f9c772 100644 --- a/frontend/src/lib/css/cv.css +++ b/frontend/src/lib/css/cv.css @@ -52,6 +52,18 @@ flex-direction: column; } + .lang-btn-container { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + position: absolute; + right: 0; + top: 0; + margin-right: 5rem; + margin-top: 1.5rem; + } + .footer-text p { font-family: 'Urbanist', sans-serif; font-weight: 600; @@ -278,6 +290,16 @@ h2 { text-decoration: none; } +.lang-btn { + background-color: var(--color-background) !important; + color: var(--color-text) !important; +} + +.lang-btn:hover { + background-color: var(--color-text) !important; + color: var(--color-background) !important; +} + .footer-text svg { margin: 0; } @@ -287,10 +309,19 @@ h2 { color: var(--color-subtitle); } +.footer-btn:active, .footer-btn:active { transform: translateY(3px); } .footer-btn:hover>img { filter: none; +} + +.none { + display: none; +} + +.flag-little { + width: fit-content; } \ No newline at end of file diff --git a/frontend/src/routes/lang=[lang]/+page.svelte b/frontend/src/routes/lang=[lang]/+page.svelte index 50f4ec0..16e823f 100644 --- a/frontend/src/routes/lang=[lang]/+page.svelte +++ b/frontend/src/routes/lang=[lang]/+page.svelte @@ -115,6 +115,14 @@ {/if} + + +
{cv.info.full_name}

@@ -124,6 +132,15 @@
{#if innerWidth >= 1000} +
+ +
{cv.info.full_name}

{/if}
{cv.info.title}

@@ -196,15 +213,7 @@