Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make button color configurable

Browse Source 
In preparation for disk reset button
This commit is contained in:
Alessandro Pignotti 2024-10-18 11:41:50 +02:00
parent 236863a0b0
commit 0a5ceaf9ea
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/PanelButton.svelte
View File

@ -3,11 +3,13 @@
export let clickHandler = null; export let clickHandler = null;
export let rightClickHandler = null; export let rightClickHandler = null;
export let buttonTooltip = null; export let buttonTooltip = null;
export let bgColor = "bg-neutral-700";
export let hoverColor = "hover:bg-neutral-500"
export let buttonImage = null; export let buttonImage = null;
export let buttonText; export let buttonText;
</script> </script>
<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}> <a href={clickUrl} target="_blank" on:click={clickHandler} on:contextmenu={rightClickHandler}><p class="flex flex-row items-center {bgColor} p-2 rounded-md shadow-md shadow-neutral-900 {(clickUrl != null || clickHandler != null) ? `${hoverColor} cursor-pointer` : ""}" title={buttonTooltip}>
{#if buttonImage} {#if buttonImage}
<img src={buttonImage} class="inline w-8 h-8"/> <img src={buttonImage} class="inline w-8 h-8"/>
{/if} {/if}