mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-18 00:56:02 +00:00
50 lines
1.3 KiB
Svelte
50 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { getContext } from 'svelte';
|
|
import FontIcon from '../icons/FontIcon.svelte';
|
|
import ToolbarButton from '../buttons/ToolbarButton.svelte';
|
|
import { _t, _tval } from '../translations';
|
|
|
|
export let onExecute;
|
|
|
|
const selectedMacro = getContext('selectedMacro') as any;
|
|
</script>
|
|
|
|
<div class="container">
|
|
<div class="header">
|
|
<FontIcon icon="img macro" />
|
|
<div class="ml-2">
|
|
{_tval($selectedMacro?.title)}
|
|
</div>
|
|
</div>
|
|
<div class="buttons">
|
|
<ToolbarButton icon="icon run" on:click={onExecute}>{_t('common.execute', { defaultMessage: 'Execute' })}</ToolbarButton>
|
|
<ToolbarButton icon="icon close" on:click={() => ($selectedMacro = null)}>{_t('common.close', { defaultMessage: 'Close' })}</ToolbarButton>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: stretch;
|
|
background: var(--theme-bg-modalheader);
|
|
height: var(--dim-toolbar-height);
|
|
min-height: var(--dim-toolbar-height);
|
|
overflow: hidden;
|
|
border-top: 1px solid var(--theme-border);
|
|
border-bottom: 1px solid var(--theme-border);
|
|
}
|
|
|
|
.header {
|
|
font-weight: bold;
|
|
margin-left: 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
align-items: stretch;
|
|
}
|
|
</style>
|