users: Increase the resolution of the delivered avatar

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/sass/main.sass b/src/sass/main.sass
index 518d3b7e7023cdb8968509479b6ca57a3141fc45..34f2da1819ed392d91bc13418e55ab3f49493831 100644 (file)
--- a/src/sass/main.sass
+++ b/src/sass/main.sass
@@ -74,6 +74,9 @@ $section-padding-desktop:       3rem 0.5rem
 // Footer
 $footer-padding:                               3rem 1.5rem 3rem
 
+// Images
+$dimensions:                                   16 24 32 48 64 96 128 192 256 512
+
 // Import Bulma
 @import "../third-party/bulma/sass/utilities/_all.sass"
 @import "../third-party/bulma/sass/base/_all.sass"

diff --git a/src/templates/users/show.html b/src/templates/users/show.html
index edfedbd2f0485fd4d9421f002abd24ad54f617a4..71ba2c730d223de303f7ecadfd364f1ada83fa08 100644 (file)
--- a/src/templates/users/show.html
+++ b/src/templates/users/show.html
@@ -42,8 +42,8 @@
                                        </div>
 
                                        <div class="column is-narrow is-hidden-mobile">
-                                               <figure class="image">
-                                                       <img class="is-rounded" src="{{ account.avatar_url(192) }}">
+                                               <figure class="image is-192x192">
+                                                       <img class="is-rounded" src="{{ account.avatar_url(512) }}">
                                                </figure>
                                        </div>
                                </div>