shockrah/temper-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixing the sizing on images in feeds and posts
All checks were successful
Build and Deploy Resume Site / setup-website-content (push) Successful in 19s
Details

Browse Source
This commit is contained in:
shockrah 2024-10-07 16:22:06 -07:00
parent 9d357003e7
commit ce7c682ef5
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
main-site/themes/temper/layouts/_default/single.html
View File

@ -4,14 +4,14 @@
{{ if .Params.Description }} {{ if .Params.Description }}
<div class="container"> <div class="container">
<h5>{{ .Params.Description }}</h5> <h5>{{ .Params.Description }}</h5>
</div> {{ if .Params.Thumbnail }}
{{ end }} {{ if .Params.ContentThumbnail }}
{{ if .Params.Thumbnail }} <a href="{{ .Params.Thumbnail }}">
{{ if .Params.ContentThumbnail }} <img class="card-img" src="{{ .Params.Thumbnail }}">
<a href="{{ .Params.Thumbnail }}"> </a>
<img class="card-img" src="{{ .Params.Thumbnail }}"> {{ end }}
</a>
{{ end }} {{ end }}
</div>
{{ end }} {{ end }}
<div class="container">{{ .Content }}</div> <div class="container">{{ .Content }}</div>
{{ end }} {{ end }}

6
main-site/themes/temper/static/css/style.css
View File

@ -171,13 +171,17 @@ a:hover { color: #EAA221; }
width: 80%; width: 80%;
padding-bottom: 1em; padding-bottom: 1em;
} }
.feed-container .a .card-img {
max-width: 60%;
}
.card { .card {
background-color: transparent; background-color: transparent;
border-style: solid; border-style: solid;
border-width: 3px; border-width: 3px;
padding: 1em; padding: 1em;
margin: 1em; margin: 1em;
max-width: 75%; max-width: 60%;
min-width: 250px; min-width: 250px;
} }