Anki/ts/deckconfig/DeckConfigPage.svelte
Damien Elmes 7dc131c3de minor layout tweaks to deck conf screen
- more space for dropdown
- limit width of main area so popups wrap correctly
- experiment with different colour dropdown
2021-04-22 11:33:27 +10:00

35 lines
723 B
Svelte

<!--
Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="ts">
import ConfigSelector from "./ConfigSelector.svelte";
import ConfigEditor from "./ConfigEditor.svelte";
import type { DeckConfigState } from "./lib";
export let state: DeckConfigState;
</script>
<style>
.outer {
display: flex;
justify-content: center;
}
:global(.width-limited) {
width: 40em;
padding: 0.5em;
}
</style>
<div id="modal">
<!-- filled in later-->
</div>
<ConfigSelector {state} />
<div class="outer">
<div class="width-limited">
<ConfigEditor {state} />
</div>
</div>