yume/yumechi-no-kuni
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨

Browse source
This commit is contained in:
syuilo 2020-10-18 18:50:45 +09:00
parent 39575b4696
commit 8294c18e70
1 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/client/pages/instance/emojis.vue
View file

@ -15,10 +15,8 @@
<button class="emoji _panel _button" v-for="emoji in items" :key="emoji.id" @click="edit(emoji)"> <button class="emoji _panel _button" v-for="emoji in items" :key="emoji.id" @click="edit(emoji)">
<img :src="emoji.url" class="img" :alt="emoji.name"/> <img :src="emoji.url" class="img" :alt="emoji.name"/>
<div class="body"> <div class="body">
<span class="name">{{ emoji.name }}</span> <div class="name">{{ emoji.name }}</div>
<span class="info"> <div class="info">{{ emoji.category }}</div>
<span class="category">{{ emoji.category }}</span>
</span>
</div> </div>
</button> </button>
</div> </div>
@ -36,8 +34,8 @@
<div class="emoji _panel _button" v-for="emoji in items" :key="emoji.id" @click="remoteMenu(emoji, $event)"> <div class="emoji _panel _button" v-for="emoji in items" :key="emoji.id" @click="remoteMenu(emoji, $event)">
<img :src="emoji.url" class="img" :alt="emoji.name"/> <img :src="emoji.url" class="img" :alt="emoji.name"/>
<div class="body"> <div class="body">
<span class="name">{{ emoji.name }}</span> <div class="name">{{ emoji.name }}</div>
<span class="info">{{ emoji.host }}</span> <div class="info">{{ emoji.host }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -182,13 +180,14 @@ export default defineComponent({
overflow: hidden; overflow: hidden;
> .name { > .name {
display: block;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
> .info { > .info {
opacity: 0.5; opacity: 0.5;
text-overflow: ellipsis;
overflow: hidden;
} }
} }
} }
@ -222,14 +221,12 @@ export default defineComponent({
overflow: hidden; overflow: hidden;
> .name { > .name {
display: block;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
> .info { > .info {
opacity: 0.5; opacity: 0.5;
display: block;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }