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