PanelButton.svelte 611 B

12345678910
  1. <script>
  2. export let clickUrl = null;
  3. export let clickHandler = null;
  4. export let rightClickHandler = null;
  5. export let buttonTooltip = null;
  6. export let buttonText;
  7. export let buttonIcon;
  8. </script>
  9. <a href={clickUrl} target="_blank" on:click={clickHandler} on:contextmenu={rightClickHandler}><p class="flex flex-row items-center bg-neutral-700 p-2 rounded-md shadow-md shadow-neutral-900 {(clickUrl != null || clickHandler != null) ? "hover:bg-neutral-500 cursor-pointer" : ""}" title={buttonTooltip}><img src={buttonIcon} class="inline w-8 h-8"/><span class="ml-1">{buttonText}</span><slot></slot></p></a>