diff --git a/public/css/style.css b/public/css/style.css index a81b7fd..6e23798 100644 --- a/public/css/style.css +++ b/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; } } diff --git a/src/utils.nim b/src/utils.nim index 28008c6..d2ff70a 100644 --- a/src/utils.nim +++ b/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" diff --git a/src/views/profile.nim b/src/views/profile.nim index bea93a8..3093d3a 100644 --- a/src/views/profile.nim +++ b/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;