kamilniemczycki/toby
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Activity

#152 - updated vacation limits

Browse Source
This commit is contained in:
Kamil Niemczycki
2022-07-04 11:41:59 +02:00
parent e6f4d0e78c
commit 9e47c7cb28
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/js/Pages/VacationLimits.vue
View File

@@ -16,7 +16,7 @@
<tr>
<th
scope="col"
class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap bg-gray-50 sticky -left-1"
>
Imię i nazwisko
</th>
@@ -52,8 +52,8 @@
:key="item.id"
class="hover:bg-blumilk-25"
>
<td class="p-4 text-sm text-gray-500 whitespace-nowrap">
<div class="flex">
<td class="p-4 text-sm text-gray-500 whitespace-nowrap bg-white sticky -left-1 z-10">
<div class="flex justify-start items-center">
<span class="inline-flex justify-center items-center w-10 h-10 rounded-full">
<img
class="w-10 h-10 rounded-full"
@@ -61,10 +61,16 @@
>
</span>
<div class="ml-3">
<p class="text-sm font-medium text-gray-900 break-all">
{{ item.user.name }}
<p class="flex items-start flex-col-reverse md:flex-row">
<span
v-for="split in item.user.name.split(' ', 2)"
:key="split"
class="first:text-xs md:first:text-sm font-medium text-gray-900 truncate first:mr-1"
>
{{ split }}
</span>
</p>
<p class="text-sm text-gray-500 break-all">
<p class="hidden md:block text-sm text-gray-500 break-all">
{{ item.user.email }}
</p>
</div>