在< x-dropdown>Laravel Splade中修改默认大小

bnlyeluc  于 2023-11-20  发布在  其他
关注(0)|答案(1)|浏览(88)

日安,有没有办法增加这个默认的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”,但它不工作。

gajydyqb

gajydyqb1#

使用div Package 您的内容,并使用Tailwind的width实用程序类调整其宽度:

<x-slot name="content">
    <div class="w-64"> //adjust at here
        // ....
    </div>
</x-slot>

字符串

相关问题