From 323dbca4f713530a5760bb49c07a9274f2ca28cf Mon Sep 17 00:00:00 2001
From: Sashanoraa <sasha@noraa.gay>
Date: Sat, 28 May 2022 07:19:24 -0400
Subject: [frontend] Reduce width of profile img with screen width (#615)

The commit makes the profile image on the profile page reduce in width
if the screen width is less then it's normal width while maintaining
it's 1:1 aspect ration.

Signed-off-by: Sashanoraa <sasha@noraa.gay>
---
 web/template/profile.tmpl | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'web/template')

diff --git a/web/template/profile.tmpl b/web/template/profile.tmpl
index cfabeee6f..71914b7e7 100644
--- a/web/template/profile.tmpl
+++ b/web/template/profile.tmpl
@@ -5,7 +5,9 @@
         <div class="basic">
             <a href="{{.account.URL}}" class="displayname">{{if .account.DisplayName}}{{.account.DisplayName}}{{else}}{{.account.Username}}{{end}}</a>
             <a href="{{.account.URL}}" class="username">@{{.account.Username}}</a>
-            <a href="{{.account.Avatar}}" class="avatar"><img src="{{.account.Avatar}}"></a>
+            <div class="avatar-container">
+                <a href="{{.account.Avatar}}" class="avatar"><img src="{{.account.Avatar}}"></a>
+            </div>
         </div>
         <div class="detailed">
             <h2>About @{{.account.Username}}</h2>
@@ -44,4 +46,4 @@
 		label.addEventListener("click", () => {setTimeout(update, 1)});
 	});
 </script>
-{{ template "footer.tmpl" .}}
\ No newline at end of file
+{{ template "footer.tmpl" .}}
-- 
cgit v1.2.3