lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Layout

This commit is contained in:
Jiiks 2018-12-02 02:18:54 +02:00
parent 08ba649a91
commit 199b9249e4
2 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/styles/partials/bdsettings/contentview.scss
View File

@ -15,13 +15,16 @@
.bd-spinnerContainer { .bd-spinnerContainer {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 50px 0;
} }
.bd-onlinePhHeader { .bd-onlinePhHeader {
display: flex; display: flex;
padding: 0 20px 0 10px; padding: 0 20px 0 10px;
min-height: 80px;
.bd-flexRow {
min-height: 40px; min-height: 40px;
}
.bd-searchHint { .bd-searchHint {
flex-grow: 1; flex-grow: 1;

10
client/src/ui/components/bd/ThemesView.vue
View File

@ -28,16 +28,20 @@
</ScrollerWrap> </ScrollerWrap>
</div> </div>
<div v-else class="bd-onlinePh"> <div v-else class="bd-onlinePh">
<div class="bd-onlinePhHeader"> <div class="bd-onlinePhHeader bd-flexCol">
<div class="bd-flex bd-flexRow">
<div v-if="loadingOnline" class="bd-spinnerContainer">
<div class="bd-spinner7" />
</div>
<div class="bd-searchHint">{{searchHint}}</div> <div class="bd-searchHint">{{searchHint}}</div>
<div class="bd-fancySearch" :class="{'bd-disabled': loadingOnline, 'bd-active': loadingOnline || (onlineThemes && onlineThemes.docs)}"> <div class="bd-fancySearch" :class="{'bd-disabled': loadingOnline, 'bd-active': loadingOnline || (onlineThemes && onlineThemes.docs)}">
<input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop /> <input type="text" class="bd-textInput" placeholder="Search" @keydown.enter="searchInput" @keyup.stop />
</div> </div>
</div>
<div class="bd-flex bd-flexRow" v-if="onlineThemes && onlineThemes.docs && onlineThemes.docs.length">
<div class="bd-searchSort"> <div class="bd-searchSort">
<span>Sort by:</span> <span>Sort by:</span>
</div> </div>
<div v-if="loadingOnline" class="bd-spinnerContainer">
<div class="bd-spinner7"/>
</div> </div>
</div> </div>
<ScrollerWrap class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes" :scrollend="scrollend"> <ScrollerWrap class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes" :scrollend="scrollend">