tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-25 22:55:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

💄 Displays which config file is being edited

Browse Source
This commit is contained in:
Alicia Sykes 2022-04-24 16:03:45 +01:00
parent 5ab619f195
commit 61761e750a
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -47,6 +47,10 @@
</Button> </Button>
<!-- Display app version and language --> <!-- Display app version and language -->
<p class="language">{{ getLanguage() }}</p> <p class="language">{{ getLanguage() }}</p>
<p v-if="$store.state.currentConfigInfo" class="config-location">
Using Config From<br>
{{ $store.state.currentConfigInfo.confPath }}
</p>
<AppVersion /> <AppVersion />
</div> </div>
<!-- Display note if Config disabled, or if on mobile --> <!-- Display note if Config disabled, or if on mobile -->
@ -245,7 +249,7 @@ a.hyperlink-wrapper {
width: 100%; width: 100%;
} }
p.app-version, p.language { p.app-version, p.language, p.config-location {
margin: 0.5rem auto; margin: 0.5rem auto;
font-size: 1rem; font-size: 1rem;
color: var(--transparent-white-50); color: var(--transparent-white-50);
@ -310,7 +314,7 @@ div.code-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: var(--config-settings-background); background: var(--config-settings-background);
height: calc(100% - 2rem); height: calc(100% + 1rem);
width: fit-content; width: fit-content;
margin: 0 auto; margin: 0 auto;
padding: 2rem 1rem 0; padding: 2rem 1rem 0;
@ -322,13 +326,14 @@ div.code-container {
.config-note { .config-note {
width: 80%; width: 80%;
bottom: 1rem; max-width: 700px;
left: 10%; left: 10%;
bottom: 1rem;
margin: 0.5rem auto; margin: 0.5rem auto;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
text-align: center;
border: 1px dashed var(--config-settings-color); border: 1px dashed var(--config-settings-color);
border-radius: var(--curve-factor); border-radius: var(--curve-factor);
text-align: left;
opacity: var(--dimming-factor); opacity: var(--dimming-factor);
color: var(--config-settings-color); color: var(--config-settings-color);
background: var(--config-settings-background); background: var(--config-settings-background);

11
src/components/PageStrcture/Footer.vue
View File

@ -3,10 +3,15 @@
<footer v-if="text && text !== '' && visible" v-html="text"></footer> <footer v-if="text && text !== '' && visible" v-html="text"></footer>
<!-- Default Footer --> <!-- Default Footer -->
<footer v-else-if="visible"> <footer v-else-if="visible">
<span v-if="$store.state.currentConfigInfo" class="path-to-config">
Using: {{ $store.state.currentConfigInfo.confPath }}
</span>
<span>
Developed by <a :href="authorUrl">{{authorName}}</a>. Developed by <a :href="authorUrl">{{authorName}}</a>.
Licensed under <a :href="licenseUrl">{{license}}</a> Licensed under <a :href="licenseUrl">{{license}}</a>
{{ showCopyright? '©': '' }} {{date}}. {{ showCopyright? '©': '' }} {{date}}.
Get the <a :href="repoUrl">Source Code</a>. Get the <a :href="repoUrl">Source Code</a>.
</span>
</footer> </footer>
</template> </template>
@ -50,6 +55,12 @@ footer {
@include tablet-down { @include tablet-down {
display: none; display: none;
} }
span.path-to-config {
float: right;
font-size: 0.75rem;
margin: 0.1rem 0.5rem 0 0;
opacity: var(--dimming-factor);
}
} }
footer a{ footer a{