mirror of https://github.com/wg-easy/wg-easy
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
897 B
34 lines
897 B
<template>
|
|
<div
|
|
v-if="client"
|
|
class="relative overflow-hidden border-b last:border-b-0 border-gray-100 dark:border-neutral-600 border-solid"
|
|
>
|
|
<!-- Chart -->
|
|
<ClientCharts :client="client" />
|
|
|
|
<div class="relative p-5 z-10 flex flex-col md:flex-row justify-between">
|
|
<div class="flex items-center pb-2 md:pb-0">
|
|
<ClientAvatar :client="client" />
|
|
<ClientInfo :client="client" />
|
|
</div>
|
|
|
|
<div class="flex items-center justify-end">
|
|
<ClientControls :client="client" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue';
|
|
import ClientCharts from '@/components/ClientCharts.vue';
|
|
import ClientInfo from '@/components/ClientInfo.vue';
|
|
import ClientAvatar from '@/components/ClientAvatar.vue';
|
|
import ClientControls from '@/components/ClientControls.vue';
|
|
|
|
|
|
defineProps({
|
|
client: {},
|
|
});
|
|
|
|
</script>
|
|
|