Changing the govuk grid to USWDS

This commit is contained in:
Jonathan Bobel
2023-08-23 16:18:25 -04:00
parent 4aa781ed9a
commit 412fad89ff
107 changed files with 314 additions and 314 deletions

View File

@@ -9,8 +9,8 @@
{% block maincolumn_content %}
<div class="govuk-grid-row govuk-!-margin-bottom-8">
<div class="govuk-grid-column-two-thirds">
<div class="grid-row govuk-!-margin-bottom-8">
<div class="grid-col-8">
{{ page_header('Performance data') }}
</div>
</div>
@@ -19,21 +19,21 @@
Messages sent since May 2023
</h2>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
<div class="product-page-big-number">{{ total_notifications|format_billions }}</div>
total
</div>
<div class="govuk-grid-column-one-half">
<div class="govuk-grid-row govuk-!-padding-top-4">
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<div class="grid-row govuk-!-padding-top-4">
<div class="grid-col-6">
{{ big_number(
email_notifications|format_billions,
label=email_notifications|message_count_noun('email'),
smallest=True,
) }}
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
{{ big_number(
sms_notifications|format_billions,
label=sms_notifications|message_count_noun('sms'),
@@ -74,8 +74,8 @@
<h2 class="govuk-heading-m">
Messages sent within 10 seconds
</h2>
<div class="govuk-grid-row">
<div class="govuk-grid-column-one-half">
<div class="grid-row">
<div class="grid-col-6">
{{ big_number(
'{:.2f}%'.format(average_percentage_under_10_seconds),
label='on average',
@@ -107,13 +107,13 @@
<h2 class="govuk-heading-m">
Organizations using Notify
</h2>
<div class="govuk-grid-row bottom-gutter">
<div class="govuk-grid-column-one-half">
<div class="grid-row bottom-gutter">
<div class="grid-col-6">
<span class="usa-sr-only">There are</span>
<div class="product-page-big-number">{{ count_of_live_services_and_organizations.organizations|format_thousands }}</div>
organizations
</div>
<div class="govuk-grid-column-one-half">
<div class="grid-col-6">
<span class="usa-sr-only">and</span>
<div class="product-page-big-number">{{ count_of_live_services_and_organizations.services|format_thousands }}</div>
services