update shared album photo styles

broneks · Nov 30, 2024 · 5ed8922 · 5ed8922
1 parent f6719a0
commit 5ed8922
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/templates/shared_album.html b/templates/shared_album.html
@@ -1,19 +1,19 @@
 {{ template "head" . }}
 
-<div style="max-width: 600px; margin: 10% auto 0; padding: 16px;">
+<div style="max-width: 600px; margin: 3rem auto 0; padding: 1rem;">
   <header>
     <h1>{{.Album.Name.String}}</h1>
     <time>{{.Album.CreatedAt.Time}}</time>
 
     {{if .CoverPhoto}}
-    <img src="{{.CoverPhoto.Url}}" alt="" style="max-width: 600px;" loading="lazy" draggable="false" />
+    <img src="{{.CoverPhoto.Url}}" alt="" style="width: 100%; height: auto; max-width: 600px;" loading="lazy" draggable="false" />
     {{end}}
   </header>
 
   <h3>Photos:</h3>
   <ul>
     {{range .Photos}}
-    <li><img src="{{.Url}}" alt="{{.Filename}}" style="max-width: 600px;" loading="lazy" draggable="false" /></li>
+    <li><img src="{{.Url}}" alt="{{.Filename}}" style="width: 100%; height: auto; max-width: 600px;" loading="lazy" draggable="false" /></li>
     {{end}}
   </ul>
 </div>