Removed govuk header css and migrated to uswds

This commit is contained in:
alexjanousekGSA
2025-07-11 16:32:59 -03:00
parent 405b47a02e
commit 6b2d783b37
6 changed files with 7 additions and 229 deletions

View File

@@ -15,7 +15,7 @@
</div>
</div>
<h2 class="govuk-heading-m">
<h2 class="font-body-lg">
Messages sent since May 2023
</h2>
@@ -71,7 +71,7 @@
</p>
</div>
<h2 class="govuk-heading-m">
<h2 class="font-body-lg">
Messages sent within 10 seconds
</h2>
<div class="grid-row">
@@ -106,7 +106,7 @@
</div>
</div>
<h2 class="govuk-heading-m">
<h2 class="font-body-lg">
Organizations using Notify
</h2>
<div class="grid-row bottom-gutter">

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 KiB

View File

@@ -78,7 +78,7 @@
<main class="govuk-main-wrapper" id="main-content" role="main">
<div class="grid-row">
<div class="grid-col-12">
<h1 class="govuk-heading-l">
<h1 class="font-body-2xl text-bold">
Sorry, the service is unavailable
</h1>
<p class="usa-body">
@@ -127,4 +127,4 @@
</body>
</html>
</html>

View File

@@ -1705,15 +1705,6 @@ table caption {
font-display: fallback
}
@media print {
}
@media print {
}
@media print {
}
.govuk-template {
background-color: #dee0e2;
-webkit-text-size-adjust: 100%;
@@ -1733,194 +1724,6 @@ table caption {
background-color: #fff
}
.govuk-heading-xl {
color: #0b0c0c;
font-family: "nta", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
font-size: 32px;
font-size: 2rem;
line-height: 1.09375;
display: block;
margin-top: 0;
margin-bottom: 30px
}
@media print {
.govuk-heading-xl {
color: #000
}
}
@media print {
.govuk-heading-xl {
font-family: sans-serif
}
}
@media (min-width: 40.0625em) {
.govuk-heading-xl {
font-size: 48px;
font-size: 3rem;
line-height: 1.04167
}
}
@media print {
.govuk-heading-xl {
font-size: 32pt;
line-height: 1.15
}
}
@media (min-width: 40.0625em) {
.govuk-heading-xl {
margin-bottom: 50px
}
}
.govuk-heading-l {
color: #0b0c0c;
font-family: "nta", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.04167;
display: block;
margin-top: 0;
margin-bottom: 20px
}
@media print {
.govuk-heading-l {
color: #000
}
}
@media print {
.govuk-heading-l {
font-family: sans-serif
}
}
@media (min-width: 40.0625em) {
.govuk-heading-l {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.11111
}
}
@media print {
.govuk-heading-l {
font-size: 24pt;
line-height: 1.05
}
}
@media (min-width: 40.0625em) {
.govuk-heading-l {
margin-bottom: 30px
}
}
.govuk-heading-m {
color: #0b0c0c;
font-family: "nta", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111;
display: block;
margin-top: 0;
margin-bottom: 15px
}
@media print {
.govuk-heading-m {
color: #000
}
}
@media print {
.govuk-heading-m {
font-family: sans-serif
}
}
@media (min-width: 40.0625em) {
.govuk-heading-m {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.25
}
}
@media print {
.govuk-heading-m {
font-size: 18pt;
line-height: 1.15
}
}
@media (min-width: 40.0625em) {
.govuk-heading-m {
margin-bottom: 20px
}
}
.govuk-heading-s {
color: #0b0c0c;
font-family: "nta", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
display: block;
margin-top: 0;
margin-bottom: 15px
}
@media print {
.govuk-heading-s {
color: #000
}
}
@media print {
.govuk-heading-s {
font-family: sans-serif
}
}
@media (min-width: 40.0625em) {
.govuk-heading-s {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.31579
}
}
@media print {
.govuk-heading-s {
font-size: 14pt;
line-height: 1.15
}
}
@media (min-width: 40.0625em) {
.govuk-heading-s {
margin-bottom: 20px
}
}
.govuk-caption-xl {
font-family: "nta", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
@@ -2230,32 +2033,6 @@ table caption {
@media (min-width: 40.0625em) {
.usa-body-xs {
margin-bottom: 20px
}
}
.usa-body-l+.govuk-heading-l,
.usa-body-lead+.govuk-heading-l {
padding-top: 5px
}
@media (min-width: 40.0625em) {
.usa-body-l+.govuk-heading-l,
.usa-body-lead+.govuk-heading-l {
padding-top: 10px
}
}
.govuk-section-break {
margin: 0;
border: 0
}
.govuk-section-break--xl {
margin-top: 30px;
margin-bottom: 30px
}
@media (min-width: 40.0625em) {
.govuk-section-break--xl {

File diff suppressed because one or more lines are too long

View File

@@ -13,6 +13,7 @@ const routes = {
{ label: 'Privacy', path: '/privacy' },
{ label: 'Email Not Received', path: '/email-not-received' },
{ label: 'Text Not Received', path: '/text-not-received' },
{ label: 'Performance', path: '/performance' },
],
authenticated: [