langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't use containers components within Container

Browse Source 
- dynamic componets will be placed outside of the inner container
This commit is contained in:
Henrik Giesel 2021-07-06 03:43:40 +02:00
parent 2ed2a7baca
commit ca4d4424e6
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ts/deck-options/DeckOptionsPage.svelte
View File

@ -57,8 +57,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<ConfigSelector {state} /> <ConfigSelector {state} />
<Container api={options} class="g-1 mb-3 mt-3"> <div class="multi-column">
<div class="multi-column"> <Container api={options} class="g-1 mb-3 mt-3">
<Item> <Item>
<DailyLimits {state} api={dailyLimits} /> <DailyLimits {state} api={dailyLimits} />
</Item> </Item>
@ -96,17 +96,17 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<Item> <Item>
<AdvancedOptions {state} api={advancedOptions} /> <AdvancedOptions {state} api={advancedOptions} />
</Item> </Item>
</div> </Container>
</Container> </div>
<style lang="scss"> <style lang="scss">
.multi-column { .multi-column :global(.container) {
column-count: 2; column-count: 2;
column-gap: 5em; column-gap: 5em;
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {
.multi-column { .multi-column :global(.container) {
column-count: 1; column-count: 1;
} }
} }