diff --git a/apps/nuxt/src/assets/custom.css b/apps/nuxt/src/assets/custom.css index 9840de28f..516434bfd 100644 --- a/apps/nuxt/src/assets/custom.css +++ b/apps/nuxt/src/assets/custom.css @@ -10,9 +10,6 @@ WARNING : .fr-justify-center { justify-content: center; } -.fr-card:hover { - cursor: pointer !important; -} .fr-modal-custom::before { content: none !important; } diff --git a/apps/nuxt/src/assets/scss/card.scss b/apps/nuxt/src/assets/scss/card.scss index 500deb41e..754219644 100644 --- a/apps/nuxt/src/assets/scss/card.scss +++ b/apps/nuxt/src/assets/scss/card.scss @@ -145,6 +145,58 @@ } } + &.fr-card--cta { + @include tool.media-query-respond-from(md) { + .fr-card__header { + flex-basis: 30%; + } + } + + @include tool.media-query-respond-from(lg) { + .fr-card__header { + flex-basis: 25%; + } + } + + .fr-card__header { + align-content: center; + } + + @include tool.media-query-respond-from(md) { + .fr-card__img { + max-height: 250px; + } + } + + .fr-card__img { + position: relative; + + img { + max-height: 250px; + } + + &::after { + content: ''; + position: absolute; + z-index: 0; // Lower layer + height: 100%; + width: 100%; + top: 0; + left: 0; + background: linear-gradient(to bottom right, rgb(255 255 255 / 0%) 70%, rgb(255 255 255 / 100%) 95%) !important; + } + + .fr-card__logo { + position: absolute; + bottom: 0; + right: 0; + width: 50px; + height: 50px; + z-index: 1; // Higher than the gradient + } + } + } + &.fr-card--program { .fr-card__content { padding: 1rem 1.5rem 4rem !important; diff --git a/apps/nuxt/src/components/TeeHeader.vue b/apps/nuxt/src/components/TeeHeader.vue index 9dd7297d7..c9787d238 100644 --- a/apps/nuxt/src/components/TeeHeader.vue +++ b/apps/nuxt/src/components/TeeHeader.vue @@ -7,7 +7,7 @@ :quick-links="quickLinks" logo-text="RÉPUBLIQUE
FRANÇAISE" :show-search="false" - :operator-img-src="img(Identity.logoPath, { quality: 70, format: 'webp' })" + :operator-img-src="Identity.logoPath" operator-img-alt="Transition Écologique des Entreprises - ADEME" operator-img-style="width:3.5rem;" /> @@ -19,11 +19,8 @@ import { TeeDsfrHeaderMenuLinkProps } from '@/components/element/vueDsfr/dsfrHeader/TeeDsfrHeaderMenuLinks.vue' import { Identity } from '@/tools/Identity' -import { Image } from '@/tools/image' import { RouteName } from '@/types/routeType' -const img = Image.getUrl - const quickLinks: TeeDsfrHeaderMenuLinkProps[] = [ { label: 'Accueil', diff --git a/apps/nuxt/src/components/element/card/TeeCtaCard.vue b/apps/nuxt/src/components/element/card/TeeCtaCard.vue index f4dbe5d7e..8f2676866 100644 --- a/apps/nuxt/src/components/element/card/TeeCtaCard.vue +++ b/apps/nuxt/src/components/element/card/TeeCtaCard.vue @@ -1,207 +1,69 @@ diff --git a/apps/nuxt/src/components/element/card/TeeIframeCard.vue b/apps/nuxt/src/components/element/card/TeeIframeCard.vue new file mode 100644 index 000000000..c24e3edd0 --- /dev/null +++ b/apps/nuxt/src/components/element/card/TeeIframeCard.vue @@ -0,0 +1,79 @@ + + + + + diff --git a/apps/nuxt/src/components/element/card/header/TeeHeaderLogoCard.vue b/apps/nuxt/src/components/element/card/header/TeeHeaderLogoCard.vue new file mode 100644 index 000000000..f348c2190 --- /dev/null +++ b/apps/nuxt/src/components/element/card/header/TeeHeaderLogoCard.vue @@ -0,0 +1,50 @@ + + + diff --git a/apps/nuxt/src/components/testimony/Testimony.vue b/apps/nuxt/src/components/testimony/Testimony.vue index 01768b6ba..ad39d99c4 100644 --- a/apps/nuxt/src/components/testimony/Testimony.vue +++ b/apps/nuxt/src/components/testimony/Testimony.vue @@ -17,12 +17,9 @@ {{ testimony.authorFunction }} -
+
@@ -65,6 +62,8 @@