chore: Update font weight in ErrorPage.vue and NotFoundPage.vue templ…

…ates
assurance-maladie-digital · Jul 25, 2024 · a61472e · a61472e
1 parent acc7382
commit a61472e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/packages/synapse-bridge/src/templates/ErrorPage/ErrorPage.vue b/packages/synapse-bridge/src/templates/ErrorPage/ErrorPage.vue
@@ -75,7 +75,7 @@ export default defineComponent({
 					cols="12"
 					class="order-last order-sm-first text-center text-sm-left"
 				>
-					<div class="vd-code font-weight-thin text-primary mb-4">
+					<div class="vd-code text-primary mb-4">
 						<span class="d-sr-only">{{ codeErrorText }}</span>
 						{{ code }}
 					</div>
@@ -121,5 +121,6 @@ export default defineComponent({
 .vd-code {
 	font-size: 6rem;
 	line-height: 6rem;
+	font-weight: 200;
 }
 </style>
diff --git a/packages/synapse-bridge/src/templates/ErrorPage/tests/__snapshots__/ErrorPage.spec.ts.snap b/packages/synapse-bridge/src/templates/ErrorPage/tests/__snapshots__/ErrorPage.spec.ts.snap
@@ -22,7 +22,7 @@ exports[`ErrorPage > renders correctly 1`] = `
       <!---->
       <div data-v-44bff9b6="" class="v-row max-width-none">
         <div data-v-44bff9b6="" class="v-col-sm-12 v-col-12 order-last order-sm-first text-center text-sm-left">
-          <div data-v-44bff9b6="" class="vd-code font-weight-thin text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> </div>
+          <div data-v-44bff9b6="" class="vd-code text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> </div>
           <h2 data-v-44bff9b6="" class="mb-2 font-weight-bold text-h5 mb-4">Error</h2>
           <p data-v-44bff9b6="">Error message</p><a data-v-44bff9b6="" class="v-btn v-btn--elevated v-theme--light bg-primary v-btn--density-default v-btn--size-default v-btn--variant-elevated mt-6"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
             <!----><span class="v-btn__content" data-no-activator="">Retour à l’accueil</span>
@@ -61,7 +61,7 @@ exports[`ErrorPage > renders correctly on mobile 1`] = `
       <!---->
       <div data-v-44bff9b6="" class="v-row max-width-none">
         <div data-v-44bff9b6="" class="v-col-sm-12 v-col-12 order-last order-sm-first text-center text-sm-left">
-          <div data-v-44bff9b6="" class="vd-code font-weight-thin text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> </div>
+          <div data-v-44bff9b6="" class="vd-code text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> </div>
           <h2 data-v-44bff9b6="" class="mb-2 font-weight-bold text-h5 mb-4">Error</h2>
           <p data-v-44bff9b6="">Error message</p><a data-v-44bff9b6="" class="v-btn v-btn--elevated v-theme--light bg-primary v-btn--density-default v-btn--size-default v-btn--variant-elevated mt-6"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
             <!----><span class="v-btn__content" data-no-activator="">Retour à l’accueil</span>
@@ -100,7 +100,7 @@ exports[`ErrorPage > renders correctly with undefined route 1`] = `
       <!---->
       <div data-v-44bff9b6="" class="v-row max-width-none">
         <div data-v-44bff9b6="" class="v-col-sm-12 v-col-12 order-last order-sm-first text-center text-sm-left">
-          <div data-v-44bff9b6="" class="vd-code font-weight-thin text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> </div>
+          <div data-v-44bff9b6="" class="vd-code text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> </div>
           <h2 data-v-44bff9b6="" class="mb-2 font-weight-bold text-h5 mb-4">Error</h2>
           <p data-v-44bff9b6="">Error message</p><a data-v-44bff9b6="" class="v-btn v-btn--elevated v-theme--light bg-primary v-btn--density-default v-btn--size-default v-btn--variant-elevated mt-6" href="https://google.com"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
             <!----><span class="v-btn__content" data-no-activator="">Retour à l’accueil</span>

diff --git a/...s/synapse-bridge/src/templates/NotFoundPage/tests/__snapshots__/NotFoundPage.spec.ts.snap b/...s/synapse-bridge/src/templates/NotFoundPage/tests/__snapshots__/NotFoundPage.spec.ts.snap
@@ -22,7 +22,7 @@ exports[`NotFoundPage > display the support ID if provided in the url 1`] = `
       <!---->
       <div data-v-44bff9b6="" class="v-row max-width-none">
         <div data-v-44bff9b6="" class="v-col-sm-6 v-col-12 order-last order-sm-first text-center text-sm-left">
-          <div data-v-44bff9b6="" class="vd-code font-weight-thin text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> 404</div>
+          <div data-v-44bff9b6="" class="vd-code text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> 404</div>
           <h2 data-v-44bff9b6="" class="mb-2 font-weight-bold text-h5 mb-4">Page non trouvée</h2>
           <p data-v-44bff9b6="">Cette page n’existe pas ou a été déplacée.</p>
           <p data-v-0ed8db74="" class="mt-4">Votre identifiant de support est <b data-v-0ed8db74="">1234 5678 9012 3456 789</b> . </p><a data-v-44bff9b6="" class="v-btn v-btn--elevated v-theme--light bg-primary v-btn--density-default v-btn--size-default v-btn--variant-elevated mt-6"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
@@ -62,7 +62,7 @@ exports[`NotFoundPage > renders correctly 1`] = `
       <!---->
       <div data-v-44bff9b6="" class="v-row max-width-none">
         <div data-v-44bff9b6="" class="v-col-sm-6 v-col-12 order-last order-sm-first text-center text-sm-left">
-          <div data-v-44bff9b6="" class="vd-code font-weight-thin text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> 404</div>
+          <div data-v-44bff9b6="" class="vd-code text-primary mb-4"><span data-v-44bff9b6="" class="d-sr-only">Code d'erreur&nbsp;: </span> 404</div>
           <h2 data-v-44bff9b6="" class="mb-2 font-weight-bold text-h5 mb-4">Page non trouvée</h2>
           <p data-v-44bff9b6="">Cette page n’existe pas ou a été déplacée.</p><a data-v-44bff9b6="" class="v-btn v-btn--elevated v-theme--light bg-primary v-btn--density-default v-btn--size-default v-btn--variant-elevated mt-6"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
             <!----><span class="v-btn__content" data-no-activator="">Retour à l’accueil</span>