refact css tailwind

This commit is contained in:
2020-05-08 23:38:31 +02:00
parent 6e0db185bb
commit 765d99e48b
15 changed files with 194 additions and 106 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="flex justify-center items-center rounded-full bg-primary-600 hover:bg-primary-800">
<img v-if="avatar" src="avatar" alt="alt" class="avatar" v-bind:class="'avatar' + size">
<span v-else class="text-2xl font-bold" v-bind:class="'text-' + size">{{ alt[0] }}</span>
<div class="flex justify-center items-center rounded-full bg-gray-900 hover:bg-primary-800">
<img v-if="avatar" :src="avatar" alt="alt" class="rounded-full" v-bind:class="'avatar' + size">
<span v-else class="text-2xl font-bold text-gray-100 hover:text-white" v-bind:class="'text-' + size">{{ alt[0] }}</span>
</div>
</template>