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,8 +1,8 @@
<template>
<div class="top-bar flex justify-between bg-primary-300">
<div class="top-bar flex justify-between bg-gray-600">
<router-link v-if="authUser" :to="'/profile'" class="flex items-center m-2">
<Avatar :avatar="authUser.data.attributes.avatar" size="small" :alt="authUser.data.attributes.name" class="w-10 h-10"/>
<span class="ml-2 hover:text-primary-900">{{ authUser.data.attributes.name }}</span>
<Avatar :avatar="authUser.data.attributes.profile_image.data.attributes.path" size="small" :alt="authUser.data.attributes.name" class="w-10 h-10"/>
<span class="ml-2 text-gray-100 hover:text-white">{{ authUser.data.attributes.name }}</span>
</router-link>
<form v-if="authUser && search" class="m-2">
<input type="search" name="search" placeholder="Search">
@@ -10,7 +10,7 @@
<svg-vue icon="search" />
</button>
</form>
<router-link to="/dashboard" v-if="authUser" class="text-primary-600 hover:text-primary-800">
<router-link to="/dashboard" v-if="authUser" class="text-gray-100 hover:text-white">
<svg-vue icon="params" class="w-10 m-2 fill-current" />
</router-link>
<router-link v-else to="/login">