hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style updates

Browse source
This commit is contained in:
Henry Jameson 2025-07-29 19:00:45 +03:00
commit 731e9eed6e
7 changed files with 73 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/user_card/user_card.scss
View file

@ -21,13 +21,15 @@
align-items: stretch;
// create new stacking context
position: relative;
overflow: hidden;
}
.personal-marks {
margin: 0.6em;
padding: 0.6em;
border-bottom: 1px solid var(--border);
&:not(:last-child) {
border-bottom: 1px solid var(--border);
}
.highlighter {
h4 {
@ -39,11 +41,9 @@
margin-left: -0.1em;
&.-none select {
font-style: italic;
color: var(--textFaint);
option {
font-style: initial;
color: var(--text);
background: var(--background);
}
@ -164,8 +164,8 @@
--_avatarShadowFilter: var(--avatarShadowFilter);
--_avatarShadowInset: var(--avatarShadowInset);
min-width: 6em;
height: 6em;
width: 7em;
height: 7em;
object-fit: cover;
}
}

91
src/components/user_card/user_card.vue
View file

@ -83,6 +83,7 @@
/>
<router-link
v-else
class="user-info-avatar"
:to="userProfileLink(user)"
>
<UserAvatar :user="user" />
@ -312,52 +313,52 @@
/>
</dd>
</dl>
<div class="user-extras">
<span
v-if="!hideBio && !mergedConfig.hideUserStats"
class="user-stats"
</div>
<div class="user-extras" v-if="!hideBio">
<span
v-if="!mergedConfig.hideUserStats"
class="user-stats"
>
<dl
class="user-count"
@click.prevent="setProfileView('statuses')"
v-if="!mergedConfig.hideUserStats && !hideBio"
>
<dl
class="user-count"
@click.prevent="setProfileView('statuses')"
v-if="!mergedConfig.hideUserStats && !hideBio"
>
<dd>{{ user.statuses_count }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.statuses') }}</dt>
</dl>
<dl
class="user-count"
@click.prevent="setProfileView('statuses')"
>
<dd>{{ dailyAvg }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.statuses_per_day') }}</dt>
</dl>
<dl
class="user-count"
@click.prevent="setProfileView('friends')"
>
<dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.followees') }}</dt>
</dl>
<dl
class="user-count"
@click.prevent="setProfileView('followers')"
>
<dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.followers') }}</dt>
</dl>
</span>
<div class="birthday" v-if="!hideBio && !!user.birthday">
<FAIcon
class="fa-old-padding"
icon="birthday-cake"
/>
{{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
</div>
<dd>{{ user.statuses_count }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.statuses') }}</dt>
</dl>
<dl
class="user-count"
@click.prevent="setProfileView('statuses')"
>
<dd>{{ dailyAvg }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.statuses_per_day') }}</dt>
</dl>
<dl
class="user-count"
@click.prevent="setProfileView('friends')"
>
<dd>{{ hideFollowsCount ? $t('user_card.hidden') : user.friends_count }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.followees') }}</dt>
</dl>
<dl
class="user-count"
@click.prevent="setProfileView('followers')"
>
<dd>{{ hideFollowersCount ? $t('user_card.hidden') : user.followers_count }}</dd>
{{ ' ' }}
<dt>{{ $t('user_card.followers') }}</dt>
</dl>
</span>
<div class="birthday" v-if="!hideBio && !!user.birthday">
<FAIcon
class="fa-old-padding"
icon="birthday-cake"
/>
{{ $t('user_card.birthday', { birthday: formattedBirthday }) }}
</div>
</div>
<teleport to="#modal">