diff --git a/src/assets/scss/radix/_dialog.scss b/src/assets/scss/radix/_dialog.scss index a7813420..dd7f68da 100644 --- a/src/assets/scss/radix/_dialog.scss +++ b/src/assets/scss/radix/_dialog.scss @@ -14,8 +14,11 @@ transform: translate(-50%, -50%); width: 50rem; max-width: calc(100% - 4rem); - max-height: 85vh; + max-height: 70vh; + overflow-y: auto; padding: 25px; + display: grid; + grid-template-rows: auto 1fr; border-radius: 8px; background-color: var(--white); border: 1px solid var(--slate-100); @@ -34,6 +37,9 @@ } .dialog-description { + overflow-y: auto; + padding-right: 1rem; + h3 { font-size: 1.25em; font-weight: 700; @@ -48,6 +54,7 @@ } a { + position: relative; text-underline-offset: 2px; text-decoration: underline; @@ -56,6 +63,11 @@ text-decoration: none; color: var(--green-500); } + + &::after { + top: 50%; + transform: translateY(-70%); + } } } diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts index 555169cf..cf578af2 100644 --- a/src/i18n/ui.ts +++ b/src/i18n/ui.ts @@ -38,13 +38,13 @@ export const translations: LanguageDict = { 'toast.copyCoords.description': 'Les coordonnées ont été copiées dans le presse-papiers !', 'legal.cta': 'Mentions légales', 'legal.text': ` -

Cette application est construite avec astro, leaflet et vue. J'utilise également des icônes de phosphor et elle est actuellement hébergée sur OVH.

-

En ce qui concerne les œuvres d'art que j'utilise sur les marqueurs, j'essaie de les trouver du mon mieux sur internet. Si vous connaissez la source originale d'une œuvre d'art, veuillez me contacter par mail.

-

Je n'inclus pas d'images d'IA car je suis farouchement opposé à l'IA générative pour la création de contenu. Si vous voyez une image qui semble être de l'IA sur ce site, faites-le moi savoir immédiatement.

-

Données personelles

+

Cette application est construite avec Astro, Leaflet et Vue. J'utilise également des icônes de Phosphor et elle est actuellement hébergée sur OVH.

+

En ce qui concerne les œuvres d'art que j'utilise sur les marqueurs, j'essaie de les sourcer du mieux que je peux. Si vous connaissez la source originale d'une œuvre d'art que je n'indique pas, veuillez me contacter par mail.

+

Je n'inclus pas d'images d'IA, car je suis farouchement opposé à l'IA générative pour la création de contenu. Si vous voyez une image qui semble être de l'IA sur ce site, faites-le-moi savoir immédiatement.

+

Données personnelles

Je ne collecte aucune donnée sur votre activité dans cette application. Les marqueurs personnalisés que vous pouvez placer n'existent que sur votre navigateur en tant que données de local storage.

Mon hébergeur collecte des données de trafic pour des raisons de sécurité ; comme les adresses IP et leur emplacement approximatif, les types de navigateurs, les agents utilisateurs (si vous êtes un robot ou un humain) et l'état de la demande.

-

Ce site n'utilise pas de pixels de suivi ou d'analyse, et je n'utilise aucune autre application tierce qui pourrait collecter des données sur vous (comme Youtube ou autre)

+

Ce site n'utilise pas de pixels de suivi ou d'analyse, et je n'utilise aucune autre application tierce qui pourrait collecter des données sur vous (comme Youtube ou autre).

Malgré cela, aucune de vos données n'est vendue ou transmise à un tiers quel qu'il soit.

Si vous avez des questions, vous pouvez me contacter à contact@alexcreates.fr.

`