diff options
Diffstat (limited to 'src/routes/settings/+page.svelte')
| -rw-r--r-- | src/routes/settings/+page.svelte | 32 |
1 files changed, 26 insertions, 6 deletions
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte index c21d6746..e98a0978 100644 --- a/src/routes/settings/+page.svelte +++ b/src/routes/settings/+page.svelte @@ -62,12 +62,17 @@ {#if data.user === undefined} <LogInRestricted /> {:else} - <Category title={$locale().settings.settingsSync.title} id="sync" open={false}> - <SettingSync /> - </Category> - <Category title={$locale().settings.rssFeeds.title} id="feeds"> - <RssFeeds user={data.user} /> - </Category> + <div class="small-categories"> + <Category title={$locale().settings.settingsSync.title} id="sync" newLine={false}> + <SettingSync /> + </Category> + <Category title={$locale().settings.rssFeeds.title} id="feeds" newLine={false}> + <RssFeeds user={data.user} /> + </Category> + </div> + + <p /> + <Category title={$locale().settings.display.title}><Display /></Category> <Category title={$locale().settings.calculation.title}><Calculation /></Category> <Category title={$locale().settings.cache.title}><Cache /></Category> @@ -85,3 +90,18 @@ </Category> <Category title={$locale().settings.attributions.title} open={false}><Attributions /></Category> {/if} + +<style> + .small-categories { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; + align-items: start; + } + + @media (max-width: 600px) { + .small-categories { + grid-template-columns: 1fr; + } + } +</style> |