refactor(popup): improve styling and structure of the small popup component
This commit is contained in:
		@@ -6,9 +6,9 @@
 | 
			
		||||
    x-transition:enter-start="translate-y-full" x-transition:enter-end="translate-y-0"
 | 
			
		||||
    x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-y-0"
 | 
			
		||||
    x-transition:leave-end="translate-y-full" x-init="setTimeout(() => { bannerVisible = true }, bannerVisibleAfter);"
 | 
			
		||||
    class="fixed bottom-0 right-0  h-auto duration-300 ease-out px-5 pb-5 max-w-[46rem] z-999" x-cloak>
 | 
			
		||||
    class="fixed bottom-0 right-0 h-auto duration-300 ease-out px-5 pb-5 max-w-[46rem] z-999" x-cloak>
 | 
			
		||||
    <div
 | 
			
		||||
        class="flex flex-row items-center justify-between w-full h-full max-w-4xl p-6 mx-auto bg-white border shadow-lg lg:border-t dark:border-coolgray-300 dark:bg-coolgray-100 dark:hover:bg-coolgray-100 lg:p-8 sm:rounded-sm">
 | 
			
		||||
        class="flex flex-row items-center justify-between w-full h-full max-w-4xl p-6 mx-auto bg-white border shadow-lg lg:border-t dark:border-coolgray-300 dark:bg-coolgray-100 border-neutral-200 dark:hover:bg-coolgray-100 lg:p-8 sm:rounded-sm">
 | 
			
		||||
        <div
 | 
			
		||||
            class="flex flex-col items-start h-full pb-0 text-xs lg:items-center lg:flex-row lg:pr-6 lg:space-x-5 dark:text-neutral-300 ">
 | 
			
		||||
            @if (isset($icon))
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user