add connection style

This commit is contained in:
Jan Prochazka
2022-02-17 12:31:22 +01:00
parent 1a4decd962
commit d3fca75277
3 changed files with 15 additions and 4 deletions

View File

@@ -16,6 +16,7 @@
import FontIcon from '../icons/FontIcon.svelte';
import CloseSearchButton from '../buttons/CloseSearchButton.svelte';
import { apiCall } from '../utility/api';
import LargeButton from '../buttons/LargeButton.svelte';
const connections = useConnectionList();
const serverStatus = useServerStatus();
@@ -59,8 +60,11 @@
passProps={{ connectionColorFactory: $connectionColorFactory, showPinnedInsteadOfUnpin: true }}
/>
{#if $connections && $connections.length == 0 && $commandsCustomized['new.connection']?.enabled}
<ToolbarButton icon="icon new-connection" on:click={() => runCommand('new.connection')}>
<LargeButton icon="icon new-connection" on:click={() => runCommand('new.connection')} fillHorizontal
>Add new connection</LargeButton
>
<!-- <ToolbarButton icon="icon new-connection" on:click={() => runCommand('new.connection')}>
Add new connection
</ToolbarButton>
</ToolbarButton> -->
{/if}
</WidgetsInnerContainer>