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

🚨 Updates indentation, fixes linter warning

This commit is contained in:
Alicia Sykes 2021-07-24 11:36:37 +01:00
parent e02d33b0df
commit b90b612f91
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/Home.vue
View File

@ -13,7 +13,7 @@
:appConfig="appConfig" :appConfig="appConfig"
:pageInfo="pageInfo" :pageInfo="pageInfo"
:modalOpen="modalOpen" :modalOpen="modalOpen"
class="filter-container" class="settings-outer"
/> />
<!-- Main content, section for each group of items --> <!-- Main content, section for each group of items -->
<div v-if="checkTheresData(sections)" <div v-if="checkTheresData(sections)"
@ -27,9 +27,9 @@
:groupId="`section-${index}`" :groupId="`section-${index}`"
:items="filterTiles(section.items)" :items="filterTiles(section.items)"
:itemSize="itemSizeBound" :itemSize="itemSizeBound"
@itemClicked="finishedSearching()" @itemClicked="finishedSearching()"
@change-modal-visibility="updateModalVisibility" @change-modal-visibility="updateModalVisibility"
:class="(filterTiles(section.items).length === 0 && searchValue) ? 'no-results' : ''" :class="(filterTiles(section.items).length === 0 && searchValue) ? 'no-results' : ''"
/> />
</div> </div>
<!-- Show message when there's no data to show --> <!-- Show message when there's no data to show -->
@ -63,6 +63,7 @@ export default {
modalOpen: false, // When true, keybindings are disabled modalOpen: false, // When true, keybindings are disabled
}), }),
computed: { computed: {
/* Updates layout (when button clicked), and saves in local storage */
layoutOrientation: { layoutOrientation: {
get() { return this.appConfig.layout || Defaults.layout; }, get() { return this.appConfig.layout || Defaults.layout; },
set: function setLayout(layout) { set: function setLayout(layout) {
@ -70,6 +71,7 @@ export default {
this.layout = layout; this.layout = layout;
}, },
}, },
/* Updates icon size (when button clicked), and saves in local storage */
iconSize: { iconSize: {
get() { return this.appConfig.iconSize || Defaults.iconSize; }, get() { return this.appConfig.iconSize || Defaults.iconSize; },
set: function setIconSize(iconSize) { set: function setIconSize(iconSize) {
@ -192,6 +194,7 @@ export default {
return itemsFound; return itemsFound;
} }
}, },
/* If user has a background image, then generate CSS attributes */
getBackgroundImage() { getBackgroundImage() {
if (this.appConfig && this.appConfig.backgroundImg) { if (this.appConfig && this.appConfig.backgroundImg) {
return `background: url('${this.appConfig.backgroundImg}');background-size:cover;`; return `background: url('${this.appConfig.backgroundImg}');background-size:cover;`;
@ -267,6 +270,7 @@ export default {
.no-results { display: none; } .no-results { display: none; }
} }
/* Custom styles only applied when there is no sections in config */
.no-data { .no-data {
font-size: 2rem; font-size: 2rem;
color: var(--background); color: var(--background);
@ -277,7 +281,8 @@ export default {
border-radius: var(--curve-factor); border-radius: var(--curve-factor);
} }
section.filter-container { /* Settings section, includes search, config and user settings */
section.settings-outer {
border-bottom: 1px solid var(--outline-color); border-bottom: 1px solid var(--outline-color);
@include phone { @include phone {
flex-direction: column; flex-direction: column;