Lissy93/dashy
1
1
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2024-11-23 21:23:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

🩹 Re: #118 - Fixes config menu footer note overflow

Browse Source
This commit is contained in:
Alicia Sykes 2021-08-05 20:25:23 +01:00
parent d8ae1dc1a6
commit d740baf6ab
1 changed files with 48 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Configuration/ConfigContainer.vue
View File

@ -2,6 +2,7 @@
<Tabs :navAuto="true" name="Add Item" ref="tabView">
<TabItem :name="$t('config.main-tab')" class="main-tab">
<div class="main-options-container">
<div class="config-buttons">
<h2>Configuration Options</h2>
<a class="hyperlink-wrapper" @click="downloadConfigFile('conf.yml', yaml)">
<button class="config-button center">
@ -42,6 +43,7 @@
</p>
<p class="language">{{ getLanguage() }}</p>
<AppVersion />
</div>
<div class="config-note">
<span>{{ $t('config.backup-note') }}</span>
</div>
@ -305,6 +307,13 @@ div.code-container {
}
.main-options-container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.config-buttons {
display: flex;
flex-direction: column;
background: var(--config-settings-background);
@ -320,7 +329,6 @@ div.code-container {
.config-note {
width: 80%;
position: absolute;
bottom: 1rem;
left: 10%;
margin: 0.5rem auto;