ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: finish naming conventions

Browse Source
This commit is contained in:
Raphael Beer 2020-03-27 09:37:40 +01:00
parent e516ae93a7
commit f69e7e42de
No known key found for this signature in database
GPG Key ID: C1AC5E018B25EF11
1 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
webapp/components/features/FollowList/FollowList.vue
View File

@ -8,32 +8,27 @@
<template v-else>
<p class="no-connections">{{ userName }} {{ $t(`profile.network.${type}Nobody`) }}</p>
</template>
<template v-if="this.connections && this.connections.length <= 7">
<ds-space v-for="follow in uniq(this.connections)" :key="follow.id" margin="x-small">
<template v-if="connections && connections.length <= 7">
<ds-space v-for="follow in uniq(connections)" :key="follow.id" margin="x-small">
<!-- TODO: find better solution for rendering errors -->
<client-only>
<user-teaser :user="follow" />
</client-only>
</ds-space>
<ds-space v-if="this.allConnectionsCount - this.connections.length" margin="small">
<base-button
@click="fetchConnections"
:loading="this.isLoading"
size="small"
color="softer"
>
<ds-space v-if="allConnectionsCount - connections.length" margin="small">
<base-button @click="fetchConnections" :loading="isLoading" size="small" color="softer">
{{
$t('profile.network.andMore', {
number: this.allConnectionsCount - this.connections.length,
number: allConnectionsCount - connections.length,
})
}}
</base-button>
</ds-space>
</template>
<template v-else-if="this.connections.length > 7">
<template v-else-if="connections.length > 7">
<div class="overflow-container">
<ds-space
v-for="follow in uniq(this.filteredConnections)"
v-for="follow in uniq(filteredConnections)"
:key="follow.id"
margin="x-small"
>
@ -138,7 +133,7 @@ export default {
</script>
<style lang="scss">
.hc-connections {
.follow-list {
position: relative;
max-height: 424px;
width: auto;