tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

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