Improve margins on alert icons

This commit is contained in:
Joshua Goins 2023-04-10 17:04:03 -04:00
parent 98e4e27132
commit bccf7d1ef0
2 changed files with 8 additions and 2 deletions

View file

@ -425,3 +425,9 @@ pre {
.no-decoration { .no-decoration {
text-decoration: none; text-decoration: none;
} }
#banner-alert-icon {
vertical-align: middle;
margin-left: 5px;
margin-right: 5px;
}

View file

@ -8,10 +8,10 @@
{{ if eq $paginator.PageNumber 1}} {{ if eq $paginator.PageNumber 1}}
{{ $alertimg := resources.Get "alert.png" }} {{ $alertimg := resources.Get "alert.png" }}
{{ with $.Params.new_banner }} {{ with $.Params.new_banner }}
<div class="new-banner"><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/><b>{{ . }}</b><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/></div> <div class="new-banner"><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/><b>{{ . }}</b><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/></div>
{{ end }} {{ end }}
<div class="new-banner"><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/><b>Contains risque art, so you should probably not view this on a work computer.</b><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/></div> <div class="new-banner"><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/><b>Contains risque art, so you should probably not view this on a work computer.</b><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/></div>
<p>Welcome to my art gallery! I have saved my art since 2016, and this site contains the most complete archive of my work.</p> <p>Welcome to my art gallery! I have saved my art since 2016, and this site contains the most complete archive of my work.</p>