dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-20 07:46:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

favorites & about button in toolbar

Browse Source
This commit is contained in:
Jan Prochazka
2021-03-25 10:53:35 +01:00
parent 50e61cdce1
commit 5f2afc037e
6 changed files with 52 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/web/src/widgets/ToolbarButton.svelte
View File

@@ -2,9 +2,10 @@
import { createEventDispatcher } from 'svelte';
import FontIcon from '../icons/FontIcon.svelte';
export let disabled;
export let icon;
export let title;
export let disabled = false;
export let icon = null;
export let title = null;
export let externalImage = null;
const dispatch = createEventDispatcher();
@@ -16,8 +17,12 @@
<div class="button" on:click={handleClick} class:disabled {title}>
<div class="inner">
<span class="icon" class:disabled><FontIcon {icon} /></span>
<slot />
{#if externalImage}
<img src={externalImage} />
{:else}
<span class="icon" class:disabled><FontIcon {icon} /></span>
<slot />
{/if}
</div>
</div>
@@ -54,4 +59,8 @@
white-space: nowrap;
align-self: center;
}
img {
width: 20px;
height: 20px;
}
</style>