Hide client name on small devices

This commit is contained in:
Benjamin Beganović 2021-10-27 17:23:40 +02:00
parent 369acc27be
commit 123918b040

View File

@ -38,7 +38,7 @@
<button data-ref="client-profile-dropdown" @click="open = !open" <button data-ref="client-profile-dropdown" @click="open = !open"
class="max-w-xs flex items-center text-sm rounded-full focus:outline-none focus:shadow-outline"> class="max-w-xs flex items-center text-sm rounded-full focus:outline-none focus:shadow-outline">
<img class="h-8 w-8 rounded-full" src="{{ auth('contact')->user()->avatar() }}" alt=""/> <img class="h-8 w-8 rounded-full" src="{{ auth('contact')->user()->avatar() }}" alt=""/>
<span class="ml-2">{{ auth('contact')->user()->present()->name() }}</span> <span class="ml-2 hidden sm:block">{{ auth('contact')->user()->present()->name() }}</span>
</button> </button>
</div> </div>
<div x-show="open" style="display:none;" x-transition:enter="transition ease-out duration-100" <div x-show="open" style="display:none;" x-transition:enter="transition ease-out duration-100"