TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-27 06:52:35 -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"/>
@{{username}}
</h2>
<div>
<div class="text-end">
<div class="flex-grow-1 text-lg-end">
<div>
<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"/>
<T>profile.edit</T>
</nuxt-link>
</div>
<div v-if="Object.keys(profiles).length > 1" class="locale-list">
<a :href="`https://pronouns.page/@${username}`" v-if="$user() && $user().username === username"
class="btn btn-outline-secondary btn-sm mb-1 me-1"
<a :href="`https://pronouns.page/@${username}`" v-if="Object.keys(profiles).length > 1 && $user() && $user().username === username"
class="btn btn-outline-secondary btn-sm mb-2 mx-1"
>
<Icon v="external-link"/>
pronouns.page/@{{username}}
</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"
: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}}
</LocaleLink>
</div>
@ -319,11 +318,4 @@
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>