darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-24 00:07:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4013 from alphagov/webauthn-illustration-fixed-size

Browse Source 
Give WebAuthn illustration a fixed size
This commit is contained in:
Chris Hill-Scott
2021-09-30 15:21:05 +01:00
committed by GitHub
parent 28f26e0056 975088308a
commit 1fde4b99d9
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/stylesheets/views/webauthn.scss
View File

@@ -26,10 +26,15 @@
.webauthn-illustration { .webauthn-illustration {
@include media-down(mobile) { box-sizing: border-box;
margin: govuk-spacing(6) govuk-spacing(9) 0 govuk-spacing(9); width: 100%;
height: 100%;
margin: govuk-spacing(6) auto 0 auto;
padding: 0 govuk-spacing(9) 0 govuk-spacing(9);
@include govuk-media-query($from: tablet) {
margin: govuk-spacing(9) auto 0 auto;
padding: 0;
} }
margin: govuk-spacing(9) auto 0 auto;
} }

2
app/templates/views/two-factor-webauthn.html
View File

@@ -65,7 +65,7 @@
}) }} }) }}
</div> </div>
<div class="govuk-grid-column-one-quarter"> <div class="govuk-grid-column-one-quarter">
<img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration"> <img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration" width="149" height="150">
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

2
app/templates/views/user-profile/security-keys.html
View File

@@ -99,7 +99,7 @@
{{ webauthn_button }} {{ webauthn_button }}
</div> </div>
<div class="govuk-grid-column-one-quarter"> <div class="govuk-grid-column-one-quarter">
<img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration"> <img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration" width="149" height="150">>
</div> </div>
{% endif %} {% endif %}
</div> </div>