Issue when adding a sticky button to the panel using render hooks
I have this render hook
And I have this custom button
I want the button to be in the bottom-right side ?
FilamentView::registerRenderHook(
'panels::body.end',
fn (): View => view('livewire.components.chat-ui'),
);FilamentView::registerRenderHook(
'panels::body.end',
fn (): View => view('livewire.components.chat-ui'),
);And I have this custom button
<div x-on:click="isOpen=!isOpen" x-cloak x-show="!isFull" class="fixed bottom-0 right-0 mb-4 mr-4">
<button id="open-chat"
class="flex items-center px-4 py-2 text-white transition duration-300 bg-blue-500 rounded-md hover:bg-blue-600">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6">
</path>
</svg>
tools
</button>
</div><div x-on:click="isOpen=!isOpen" x-cloak x-show="!isFull" class="fixed bottom-0 right-0 mb-4 mr-4">
<button id="open-chat"
class="flex items-center px-4 py-2 text-white transition duration-300 bg-blue-500 rounded-md hover:bg-blue-600">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6">
</path>
</svg>
tools
</button>
</div>I want the button to be in the bottom-right side ?
