Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/settings/download: fix padding for filename preview

Browse source
This commit is contained in:
wukko 2024-08-30 21:31:21 +06:00
parent 063f5d1806
commit 1debf3e639
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 26 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
web/src/routes/settings/download/+page.svelte
View file

@ -11,20 +11,20 @@
</script> </script>
<SettingsCategory sectionId="filename" title={$t("settings.metadata.filename")}> <SettingsCategory sectionId="filename" title={$t("settings.metadata.filename")}>
<Switcher big={true}> <div class="category-inside-group">
{#each filenameStyleOptions as value} <Switcher big={true}>
<SettingsButton {#each filenameStyleOptions as value}
settingContext="save" <SettingsButton
settingId="filenameStyle" settingContext="save"
settingValue={value} settingId="filenameStyle"
> settingValue={value}
{$t(`settings.metadata.filename.${value}`)} >
</SettingsButton> {$t(`settings.metadata.filename.${value}`)}
{/each} </SettingsButton>
</Switcher> {/each}
</Switcher>
<FilenamePreview /> <FilenamePreview />
</div>
<div class="subtext"> <div class="subtext">
{$t("settings.metadata.filename.description")} {$t("settings.metadata.filename.description")}
</div> </div>
@ -55,3 +55,15 @@
description={$t("settings.metadata.disable.description")} description={$t("settings.metadata.disable.description")}
/> />
</SettingsCategory> </SettingsCategory>
<style>
.category-inside-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.subtext {
margin-top: -3px;
}
</style>