redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Fix featured art on mobile

Browse source
This commit is contained in:
Joshua Goins 2023-03-06 21:49:04 -05:00
parent 654fdc0ac2
commit 3bfe4ec343
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
themes/red/assets/css/site.css
View file

@ -26,6 +26,11 @@
body { body {
max-width: 100em; max-width: 100em;
} }
.featured-art {
height: 256px;
width: auto;
}
} }
/* mobile devices */ /* mobile devices */
@ -55,6 +60,11 @@
footer { footer {
margin: 5px; margin: 5px;
} }
.featured-art {
height: auto;
width: 100%;
}
} }
body { body {

2
themes/red/layouts/partials/featured-art.html
View file

@ -20,7 +20,7 @@
<a href="{{ $path }}" aria-label="Click to view details"> <a href="{{ $path }}" aria-label="Click to view details">
{{ $title := .title }} {{ $title := .title }}
{{ with resources.Get (printf "art/%s" .filename) }} {{ with resources.Get (printf "art/%s" .filename) }}
<img class="gallery-img" style="height: 256px; width: auto;" alt="{{ $title }}" width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}"/> <img class="gallery-img featured-art" alt="{{ $title }}" width="{{ .Width }}" height="{{ .Height }}" src="{{ .Permalink }}"/>
{{ else }} {{ else }}
<p>Thumbnail not found!</p> <p>Thumbnail not found!</p>
{{ end }} {{ end }}