StyAndCo/zappyzep
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

dashboard: guild list style tweaks

Browse source
This commit is contained in:
Dragory 2019-10-11 22:38:55 +03:00
parent 1bc9915250
commit db2db7f172
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
dashboard/src/components/dashboard/GuildList.vue
View file

@ -5,15 +5,16 @@
<div v-else>
<h1>Guilds</h1>
<ul class="list-none flex flex-wrap -m-4 pt-4">
<li v-for="guild in guilds" class="flex-none m-4 w-full md:w-1/2 lg:w-1/3 xl:w-1/4">
<li v-for="guild in guilds" class="flex-none p-4 w-full md:w-1/2 lg:w-1/3 xl:w-1/4">
<div class="flex items-center">
<div class="flex-none">
<img v-if="guild.icon" class="rounded-full w-12" :src="guild.icon" :alt="'Logo for guild ' + guild.name">
<div class="flex-none w-12 h-12">
<img v-if="guild.icon" class="rounded-full w-full h-full" :src="guild.icon" alt="" :title="'Logo for guild ' + guild.name">
<div v-else class="bg-gray-700 rounded-full w-full h-full"></div>
</div>
<div class="flex-auto ml-3">
<div class="flex-auto ml-4">
<div>
<span class="font-semibold">{{ guild.name }}</span>
<span class="text-gray-600 text-sm">({{ guild.id }})</span>
<div class="font-semibold leading-tight">{{ guild.name }}</div>
<div class="text-gray-600 text-sm leading-tight">{{ guild.id }}</div>
</div>
<div class="pt-1">
<span class="inline-block bg-gray-700 rounded px-1 opacity-50 select-none">Info</span>