Fix overlapping buttons in Theme settings

This commit is contained in:
Tusooa Zhu 2022-03-24 18:01:20 -04:00
parent aa0b2e0723
commit e58422889b
No known key found for this signature in database
GPG key ID: 7B467EDE43A08224
6 changed files with 57 additions and 30 deletions

View file

@ -1016,21 +1016,26 @@
</tab-switcher>
</keep-alive>
<div class="apply-container">
<button
class="btn button-default submit"
:disabled="!themeValid"
@click="setCustomTheme"
>
{{ $t('general.apply') }}
</button>
<button
class="btn button-default"
@click="clearAll"
>
{{ $t('settings.style.switcher.reset') }}
</button>
</div>
<portal
v-if="isActive"
to="unscrolled-content"
>
<div class="apply-container">
<button
class="btn button-default submit"
:disabled="!themeValid"
@click="setCustomTheme"
>
{{ $t('general.apply') }}
</button>
<button
class="btn button-default"
@click="clearAll"
>
{{ $t('settings.style.switcher.reset') }}
</button>
</div>
</portal>
</div>
</template>