日安,有没有办法增加这个默认的laravel splade x-shell组件中的“content”的宽度?
<x-dropdown placement="bottom-end" width="w-100">
<x-slot name="trigger">
<button class="flex items-center text-sm font-medium text-gray-500 bg-white hover:text-gray-700 focus:outline-none transition duration-150 ease-in-out">
<img class="w-8 h-8 rounded-full" alt="Profile Pic" src="">
</button>
</x-slot>
<x-slot name="content">
<div class="px-4 py-3" role="none" >
<p class="text-sm text-gray-900 dark:text-white" role="none">
{{ Auth::user()->name }}
</p>
<p class="text-sm font-medium text-gray-900 truncate dark:text-gray-300" role="none">
{{ Auth::user()->email }}
</p>
</div>
<x-dropdown-link :href="route('profile.edit')">
{{ __('Profile') }}
</x-dropdown-link>
<!-- Authentication -->
<form method="POST" action="{{ route('logout') }}">
@csrf
<x-dropdown-link as="a" :href="route('logout')" onclick="event.preventDefault(); this.closest('form').submit();">
{{ __('Log Out') }}
</x-dropdown-link>
</form>
</x-slot>
</x-dropdown>
字符串
Profile Settings
我已经尝试了宽度=“W-100”,但它不工作。
1条答案
按热度按时间gajydyqb1#
使用div Package 您的内容,并使用Tailwind的width实用程序类调整其宽度:
字符串