Compare commits

...

2 Commits

Author SHA1 Message Date
e6f4d0e78c
#152 - updated calendar view 2022-07-04 11:04:43 +02:00
8dc487a133
#152 - updated MonthlyUsage 2022-07-04 11:04:14 +02:00
2 changed files with 11 additions and 9 deletions

View File

@ -90,7 +90,7 @@
class="p-2 border-y border-gray-300 bg-white sticky left-0 sticky-border" class="p-2 border-y border-gray-300 bg-white sticky left-0 sticky-border"
> >
<div class="flex justify-start items-center"> <div class="flex justify-start items-center">
<span class="hidden justify-center items-center w-8 h-8 rounded-full md:inline-flex"> <span class="inline-flex justify-center items-center w-8 h-8 rounded-full">
<img :src="user.avatar"> <img :src="user.avatar">
</span> </span>
<div class="ml-3 flex items-start flex-col-reverse md:flex-row"> <div class="ml-3 flex items-start flex-col-reverse md:flex-row">

View File

@ -9,11 +9,11 @@
</div> </div>
</div> </div>
<div class="border-t border-gray-200"> <div class="border-t border-gray-200">
<div class="overflow-x-auto overflow-y-hidden xl:overflow-x-visible"> <div class="overflow-x-auto xl:overflow-x-visible">
<table class="min-w-full divide-y divide-gray-200"> <table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50"> <thead class="bg-gray-50">
<tr> <tr>
<th class="py-3 px-6 w-64 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase"> <th class="py-3 px-6 w-64 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase bg-gray-50 sticky -left-1">
Pracownik Pracownik
</th> </th>
<th <th
@ -38,7 +38,7 @@
:key="item.user.id" :key="item.user.id"
class="hover:bg-blumilk-25" class="hover:bg-blumilk-25"
> >
<th class="p-4 text-sm font-semibold text-gray-500 capitalize whitespace-nowrap"> <th class="p-4 text-sm font-semibold text-gray-500 capitalize whitespace-nowrap bg-white sticky -left-1">
<div class="flex justify-start items-center"> <div class="flex justify-start items-center">
<span class="inline-flex justify-center items-center w-10 h-10 rounded-full"> <span class="inline-flex justify-center items-center w-10 h-10 rounded-full">
<img <img
@ -46,12 +46,14 @@
:src="item.user.avatar" :src="item.user.avatar"
> >
</span> </span>
<div class="ml-3"> <div class="ml-3 flex items-start flex-col-reverse md:flex-row">
<div <span
class="text-sm font-medium text-gray-900 whitespace-nowrap" v-for="split in item.user.name.split(' ', 2)"
:key="split"
class="text-sm first:text-xs md:first:text-sm font-medium text-gray-900 truncate first:mr-1"
> >
{{ item.user.name }} {{ split }}
</div> </span>
</div> </div>
</div> </div>
</th> </th>