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

Using a PNG instead of an SVG for the main logo as it was noted the SVG's font looked pixelated. I also changed the color of the text on the home page as well as its responsive size.

Browse Source
This commit is contained in:
Jonathan Bobel
2024-03-13 16:07:39 -04:00
parent ed5902b38e
commit 2717feab7b
3 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/notify-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

7
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -81,6 +81,13 @@ h1 {
font-weight: bold !important; font-weight: bold !important;
} }
.usa-section--dark h1 {
color: color('blue-30v');
@include at-media-max('desktop') {
font-size: size("body", 12);
}
}
p, p,
.list li { .list li {
font-family: family("sans"); font-family: family("sans");

2
app/templates/components/components/header/template.njk
View File

@@ -50,7 +50,7 @@
<div class="logo-img display-flex"> <div class="logo-img display-flex">
<a href="/"> <a href="/">
<span class="usa-sr-only">Notify.gov logo</span> <span class="usa-sr-only">Notify.gov logo</span>
<image src="{{ params.assetsPath | default('/static/images') }}/notify-logo.svg" alt="Notify.gov logo" xlink:href="" <image src="{{ params.assetsPath | default('/static/images') }}/notify-logo.png" alt="Notify.gov logo" xlink:href=""
class="usa-flag-logo margin-right-1"></image> class="usa-flag-logo margin-right-1"></image>
</a> </a>
</div> </div>