TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-28 23:42:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

[profile] slightly nicer design of the other-locales links

Browse Source
This commit is contained in:
Andrea Vos 2021-06-27 12:50:45 +02:00
parent 2402d11a4f
commit e5fbab46a9
1 changed files with 8 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
routes/profile.vue
View File

@ -10,26 +10,25 @@
<Avatar :user="profile"/> <Avatar :user="profile"/>
@{{username}} @{{username}}
</h2> </h2>
<div> <div class="flex-grow-1 text-lg-end">
<div class="text-end"> <div>
<nuxt-link v-if="$user() && $user().username === username" to="/editor" <nuxt-link v-if="$user() && $user().username === username" to="/editor"
class="btn btn-outline-primary btn-sm mb-2" class="btn btn-outline-primary btn-sm mb-2 mx-1"
> >
<Icon v="edit"/> <Icon v="edit"/>
<T>profile.edit</T> <T>profile.edit</T>
</nuxt-link> </nuxt-link>
</div> <a :href="`https://pronouns.page/@${username}`" v-if="Object.keys(profiles).length > 1 && $user() && $user().username === username"
<div v-if="Object.keys(profiles).length > 1" class="locale-list"> class="btn btn-outline-secondary btn-sm mb-2 mx-1"
<a :href="`https://pronouns.page/@${username}`" v-if="$user() && $user().username === username"
class="btn btn-outline-secondary btn-sm mb-1 me-1"
> >
<Icon v="external-link"/> <Icon v="external-link"/>
pronouns.page/@{{username}} pronouns.page/@{{username}}
</a> </a>
<br/> </div>
<div v-if="Object.keys(profiles).length > 1">
<LocaleLink v-for="(options, locale) in locales" :key="locale" v-if="profiles[locale] !== undefined" <LocaleLink v-for="(options, locale) in locales" :key="locale" v-if="profiles[locale] !== undefined"
:locale="locale" :link="`/@${username}`" :locale="locale" :link="`/@${username}`"
:class="['btn', locale === config.locale ? 'btn-primary disabled' : 'btn-outline-primary', 'btn-sm', 'mb-1 me-1']"> :class="['btn', locale === config.locale ? 'btn-primary disabled' : 'btn-outline-primary', 'btn-sm', 'mb-2 mx-1']">
{{options.name}} {{options.name}}
</LocaleLink> </LocaleLink>
</div> </div>
@ -319,11 +318,4 @@
padding-inline-start: calc(#{$list-group-item-padding-x} - 2px); padding-inline-start: calc(#{$list-group-item-padding-x} - 2px);
} }
} }
@include media-breakpoint-up('md', $grid-breakpoints) {
.locale-list {
max-width: 16rem;
text-align: right;
}
}
</style> </style>