location distance in profile (#8835)

remove unused classes

margin bottom

Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
This commit is contained in:
Ulf Gebhardt 2025-08-23 10:45:33 +01:00 committed by GitHub
parent 3e58a1016a
commit b92dcd3534
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -34,10 +34,11 @@
<!-- <base-icon name="at" data-test="at" /> --> <!-- <base-icon name="at" data-test="at" /> -->
{{ `@${userSlug}` }} {{ `@${userSlug}` }}
</ds-text> </ds-text>
<ds-text v-if="user.location" align="center" color="soft" size="small"> <location-info
<base-icon name="map-marker" /> v-if="user.location"
{{ user.location.name }} :location-data="user.location"
</ds-text> class="location-info"
/>
<ds-text align="center" color="soft" size="small"> <ds-text align="center" color="soft" size="small">
{{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }} {{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}
</ds-text> </ds-text>
@ -210,6 +211,7 @@ import { muteUser, unmuteUser } from '~/graphql/settings/MutedUsers'
import { blockUser, unblockUser } from '~/graphql/settings/BlockedUsers' import { blockUser, unblockUser } from '~/graphql/settings/BlockedUsers'
import UpdateQuery from '~/components/utils/UpdateQuery' import UpdateQuery from '~/components/utils/UpdateQuery'
import SocialMedia from '~/components/SocialMedia/SocialMedia' import SocialMedia from '~/components/SocialMedia/SocialMedia'
import LocationInfo from '~/components/UserTeaser/LocationInfo.vue'
const tabToFilterMapping = ({ tab, id }) => { const tabToFilterMapping = ({ tab, id }) => {
return { return {
@ -234,6 +236,7 @@ export default {
MasonryGridItem, MasonryGridItem,
FollowList, FollowList,
TabNavigation, TabNavigation,
LocationInfo,
}, },
mixins: [postListActions], mixins: [postListActions],
transition: { transition: {
@ -490,4 +493,14 @@ export default {
margin-bottom: $space-x-small; margin-bottom: $space-x-small;
} }
} }
.location-info {
font-size: 0.8rem;
color: #70677e;
margin-bottom: 12px;
> .distance {
margin-top: 2px !important;
}
}
</style> </style>