mirror of
https://github.com/dbgate/dbgate
synced 2024-11-08 12:47:25 +00:00
57 lines
1.2 KiB
Svelte
57 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import _ from 'lodash';
|
|
import FontIcon from './icons/FontIcon.svelte';
|
|
|
|
import { extensions } from './stores';
|
|
|
|
import getElectron from './utility/getElectron';
|
|
|
|
const electron = getElectron();
|
|
$: fileTypeNames = _.compact([
|
|
...$extensions.fileFormats.filter(x => x.readerFunc).map(x => x.name),
|
|
electron ? 'SQL' : null,
|
|
electron ? 'SQLite database' : null,
|
|
]);
|
|
</script>
|
|
|
|
<div class="target">
|
|
<div>
|
|
<div class="icon">
|
|
<FontIcon icon="icon cloud-upload" />
|
|
</div>
|
|
<div class="title">Drop the files to upload to DbGate</div>
|
|
<div class="info">Supported file types: {fileTypeNames.join(', ')}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.target {
|
|
position: fixed;
|
|
display: flex;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--theme-bg-selected);
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
z-index: 1000;
|
|
}
|
|
.icon {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
font-size: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.info {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
margin-top: 10px;
|
|
}
|
|
.title {
|
|
font-size: 30px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
</style>
|