44r0n7/privacy.sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[search] better (multilined) message when there are no results

Browse Source
This commit is contained in:
undergroundwires
2020-08-20 00:59:39 +01:00
parent 7073336f81
commit ec15af01dd
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/presentation/Scripts/TheScripts.vue
View File

@@ -14,10 +14,10 @@
Searching for "{{this.searchQuery | threeDotsTrim}}"</div> Searching for "{{this.searchQuery | threeDotsTrim}}"</div>
<ScriptsTree /> <ScriptsTree />
</div> </div>
</div> </div>
<div v-else class="search-no-matches"> <div v-else class="search-no-matches">
Sorry, no matches for "{{this.searchQuery | threeDotsTrim}}" 😞 <div>Sorry, no matches for "{{this.searchQuery | threeDotsTrim}}" 😞</div>
Feel free to extend the scripts <a :href="repositoryUrl" target="_blank" class="child github" >here</a>. <div>Feel free to extend the scripts <a :href="repositoryUrl" target="_blank" class="child github" >here</a> ✨</div>
</div> </div>
</div> </div>
</div> </div>
@@ -96,6 +96,8 @@
.scripts { .scripts {
margin-top:10px; margin-top:10px;
.search-no-matches { .search-no-matches {
display:flex;
flex-direction: column;
word-break:break-word; word-break:break-word;
color: $white; color: $white;
text-transform: uppercase; text-transform: uppercase;
@@ -104,7 +106,7 @@
background-color: $slate; background-color: $slate;
padding:5%; padding:5%;
text-align:center; text-align:center;
> a { a {
color: $gray; color: $gray;
} }
} }