refactor(slide-over): streamline button element and improve code readability
This commit is contained in:
		@@ -1,8 +1,7 @@
 | 
			
		||||
@props(['closeWithX' => false, 'fullScreen' => false])
 | 
			
		||||
<div x-data="{
 | 
			
		||||
    slideOverOpen: false
 | 
			
		||||
}" class="relative w-auto h-auto" {{ $attributes }}
 | 
			
		||||
   >
 | 
			
		||||
}" class="relative w-auto h-auto" {{ $attributes }}>
 | 
			
		||||
    {{ $slot }}
 | 
			
		||||
    <template x-teleport="body">
 | 
			
		||||
        <div x-show="slideOverOpen" @if (!$closeWithX) @keydown.window.escape="slideOverOpen=false" @endif
 | 
			
		||||
@@ -29,8 +28,8 @@
 | 
			
		||||
                                        <h2 class="text-2xl leading-6" id="slide-over-title">
 | 
			
		||||
                                            {{ $title }}</h2>
 | 
			
		||||
                                        <div class="flex items-center h-auto ml-3">
 | 
			
		||||
                                            <button class="icon" @click="slideOverOpen=false"
 | 
			
		||||
                                                class="absolute top-0 right-0 z-30 flex items-center justify-center px-3 py-2 mt-4 mr-2 space-x-1 text-xs font-normal border-none rounded-sm">
 | 
			
		||||
                                            <button @click="slideOverOpen=false"
 | 
			
		||||
                                                class="icon absolute top-0 right-0 z-30 flex items-center justify-center px-3 py-2 mt-4 mr-2 space-x-1 text-xs font-normal border-none rounded-sm">
 | 
			
		||||
                                                <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none"
 | 
			
		||||
                                                    viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
 | 
			
		||||
                                                    <path stroke-linecap="round" stroke-linejoin="round"
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user