fix: p-3 all around profile field boxes

This commit is contained in:
Julian Lam 2024-11-25 15:04:03 -05:00
parent 785701b9ae
commit 5e3b0efaf6

View file

@ -26,14 +26,14 @@
<div class="row row-cols-2 row-cols-xl-3 row-cols-xxl-4 g-2 mb-5">
{{{ if !reputation:disabled }}}
<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100">
<span class="stat-label text-xs fw-semibold">[[global:reputation]]</span>
<span class="fs-2 ff-secondary" title="{reputation}">{humanReadableNumber(reputation)}</span>
</div>
</div>
{{{ end }}}
<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100">
<span class="stat-label text-xs fw-semibold">[[user:profile-views]]</span>
<span class="fs-2 ff-secondary" title="
{profileviews}">{humanReadableNumber(profileviews)}</span>
@ -41,14 +41,14 @@
</div>

<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-user-plus"></i> <span>[[user:joined]]</span></span>
<span class="timeago fs-6 ff-secondary" title="{joindateISO}"></span>
</div>
</div>

<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-clock"></i> <span>[[user:lastonline]]</span></span>
<span class="timeago text-center text-break w-100 px-2 fs-6 ff-secondary" title="{lastonlineISO}"></span>
</div>
@ -56,7 +56,7 @@

{{{ if email }}}
<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-envelope"></i> <span>[[user:email]]</span> {{{ if emailHidden}}}<span class="text-lowercase">([[global:hidden]])</span>{{{ end }}}</span>
<span class="text-sm text-center text-break w-100 px-2 ff-secondary">{email}</span>
</div>
@ -65,7 +65,7 @@

{{{ if websiteName }}}
<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-globe"></i> <span>[[user:website]]</span></span>
<a class="text-sm text-center text-break w-100 px-2 ff-secondary text-underline text-reset" href="{websiteLink}" rel="nofollow noreferrer me">{websiteName}</a>
</div>
@ -74,7 +74,7 @@

{{{ if location }}}
<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
<span class="stat-label text-xs fw-semibold"><i class="text-muted fa-solid fa-map-pin"></i> <span>[[user:location]]</span></span>
<span class="text-center text-break w-100 px-2 fs-6 ff-secondary">{location}</span>
</div>
@ -83,7 +83,7 @@

{{{ if age }}}
<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
<span class="stat-label text-xs fw-semibold"><span><i class="text-muted fa-solid fa-cake-candles"></i> [[user:age]]</span></span>
<span class="fs-6 ff-secondary">{age}</span>
</div>
@ -93,7 +93,7 @@
{{{ each customUserFields }}}
{{{ if ./value }}}
<div class="stat">
<div class="align-items-center justify-content-center card card-header px-0 py-3 border-0 rounded-1 h-100 gap-2">
<div class="align-items-center justify-content-center card card-header p-3 border-0 rounded-1 h-100 gap-2">
<span class="stat-label text-xs fw-semibold"><span><i class="text-muted {./icon}"></i> {./name}</span></span>
{{{ if (./type == "input-link") }}}
<a class="text-sm text-center text-break w-100 px-2 ff-secondary text-underline text-reset" href="{./value}" rel="nofollow noreferrer me">{./value}</a>