keith/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey synced 2024-11-22 05:35:11 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix HTML semantics of relational info-badges

Browse source
This commit is contained in:
Hazelnoot 2024-10-10 09:50:59 -04:00
parent 2be802131f
commit 1b106d92e0
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/frontend/src/pages/user/home.vue
View file

@ -30,12 +30,12 @@ SPDX-License-Identifier: AGPL-3.0-only
</button> </button>
</div> </div>
</div> </div>
<div v-if="$i && $i.id != user.id" class="info-badges"> <ul v-if="$i && $i.id != user.id" class="info-badges">
<span v-if="user.isFollowed">{{ i18n.ts.followsYou }}</span> <li v-if="user.isFollowed">{{ i18n.ts.followsYou }}</li>
<span v-if="user.isMuted">{{ i18n.ts.muted }}</span> <li v-if="user.isMuted">{{ i18n.ts.muted }}</li>
<span v-if="user.isRenoteMuted">{{ i18n.ts.renoteMuted }}</span> <li v-if="user.isRenoteMuted">{{ i18n.ts.renoteMuted }}</li>
<span v-if="user.isBlocking">{{ i18n.ts.blocked }}</span> <li v-if="user.isBlocking">{{ i18n.ts.blocked }}</li>
</div> </ul>
<div class="actions"> <div class="actions">
<button class="menu _button" @click="menu"><i class="ti ti-dots"></i></button> <button class="menu _button" @click="menu"><i class="ti ti-dots"></i></button>
<MkFollowButton v-if="$i?.id != user.id" v-model:user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/> <MkFollowButton v-if="$i?.id != user.id" v-model:user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/>
@ -469,12 +469,17 @@ onUnmounted(() => {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 0;
margin: 0;
> * { > * {
padding: 4px 8px; padding: 4px 8px;
color: #fff; color: #fff;
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
font-size: 0.7em; font-size: 0.7em;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
list-style-type: none;
margin-left: 0;
} }
> :not(:first-child) { > :not(:first-child) {