Fix banner triggering download with Firefox

public/css/style.css

@@ -553,7 +553,7 @@ video, .video-container img {
 .profile-card-avatar {
     display: block;
     width: 100%;
-    padding-bottom: 16px;
+    padding-bottom: 6px;
     margin-right: 4px;
 }
 
@@ -1330,7 +1330,6 @@ legend {
     }
 
     .profile-card-avatar {
-        padding-bottom: 6px;
         height: 60px;
         width: unset;
     }
@@ -1363,6 +1362,5 @@ legend {
 
     .preferences-container {
         max-width: 95vw;
-        margin: 0;
     }
 }

src/utils.nim

@@ -6,7 +6,7 @@ const key = "supersecretkey"
 proc mimetype*(filename: string): string =
   if ".png" in filename:
     "image/" & "png"
-  elif ".jpg" in filename or ".jpeg" in filename:
+  elif ".jpg" in filename or ".jpeg" in filename or "1500x500" in filename:
     "image/" & "jpg"
   elif ".mp4" in filename:
     "video/" & "mp4"

src/views/profile.nim

@@ -14,7 +14,8 @@ proc renderStat(num, class: string; text=""): VNode =
 proc renderProfileCard*(profile: Profile; prefs: Prefs): VNode =
   buildHtml(tdiv(class="profile-card")):
     tdiv(class="profile-card-info"):
-      a(class="profile-card-avatar", href=profile.getUserPic().getSigUrl("pic")):
+      let url = profile.getUserPic().getSigUrl("pic")
+      a(class="profile-card-avatar", href=url, target="_blank"):
         genImg(profile.getUserpic("_200x200"))
 
       tdiv(class="profile-card-tabs-name"):
@@ -71,7 +72,7 @@ proc renderBanner(profile: Profile): VNode =
     if "#" in profile.banner:
       tdiv(class="profile-banner-color", style={backgroundColor: profile.banner})
     else:
-      a(href=getSigUrl(profile.banner, "pic")):
+      a(href=getSigUrl(profile.banner, "pic"), target="_blank"):
         genImg(profile.banner)
 
 proc renderProfile*(profile: Profile; timeline: Timeline;