only scroll body
This commit is contained in:
parent
98bf4d21ac
commit
a8f686eb61
|
@ -11,10 +11,21 @@
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bd-onlinePhHeader {
|
||||||
|
padding: 0 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
.bd-onlinePhBody {
|
.bd-onlinePhBody {
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
.bd-spinnerContainer {
|
.bd-spinnerContainer {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bd-scroller {
|
||||||
|
padding: 0 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
|
|
@ -1,8 +1,7 @@
|
||||||
.bd-remoteCard {
|
.bd-remoteCard {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
padding: 10px 0;
|
padding: 10px;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-bottom: 1px solid rgba(114, 118, 126, .3);
|
border-bottom: 1px solid rgba(114, 118, 126, .3);
|
||||||
|
|
||||||
|
|
|
@ -120,8 +120,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.bd-settingswrapContents {
|
.bd-settingswrapContents {
|
||||||
padding: 0 20px;
|
padding: 0 0 0 20px;
|
||||||
margin-bottom: 84px;
|
}
|
||||||
|
|
||||||
|
.bd-scroller {
|
||||||
|
.bd-settingswrapContents {
|
||||||
|
margin-bottom: 84px;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,7 +10,16 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="bd-settingswrap">
|
<div class="bd-settingswrap">
|
||||||
<ScrollerWrap :scrollend="scrollend">
|
<div v-if="noscroller" class="bd-flex bd-flexCol">
|
||||||
|
<div class="bd-settingswrapHeader">
|
||||||
|
<span class="bd-settingswrapHeaderText">{{ headertext }}</span>
|
||||||
|
<slot name="header" />
|
||||||
|
</div>
|
||||||
|
<div class="bd-settingswrapContents bd-flex bd-flexGrow bd-flexCol">
|
||||||
|
<slot />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ScrollerWrap v-else :scrollend="scrollend">
|
||||||
<div class="bd-settingswrapHeader">
|
<div class="bd-settingswrapHeader">
|
||||||
<span class="bd-settingswrapHeaderText">{{ headertext }}</span>
|
<span class="bd-settingswrapHeaderText">{{ headertext }}</span>
|
||||||
<slot name="header" />
|
<slot name="header" />
|
||||||
|
@ -27,7 +36,7 @@
|
||||||
import { ScrollerWrap } from '../common';
|
import { ScrollerWrap } from '../common';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: ['headertext', 'scrollend'],
|
props: ['headertext', 'scrollend', 'noscroller'],
|
||||||
components: {
|
components: {
|
||||||
ScrollerWrap
|
ScrollerWrap
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<SettingsWrapper headertext="Themes" :scrollend="scrollend">
|
<SettingsWrapper headertext="Themes" :noscroller="true">
|
||||||
<div class="bd-tabbar" slot="header">
|
<div class="bd-tabbar" slot="header">
|
||||||
<div class="bd-button" :class="{'bd-active': local}" @click="showLocal">
|
<div class="bd-button" :class="{'bd-active': local}" @click="showLocal">
|
||||||
<h3>Installed</h3>
|
<h3>Installed</h3>
|
||||||
|
@ -34,12 +34,12 @@
|
||||||
<div class="bd-spinner7"/>
|
<div class="bd-spinner7"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes">
|
<ScrollerWrap class="bd-onlinePhBody" v-if="!loadingOnline && onlineThemes" :scrollend="scrollend">
|
||||||
<RemoteCard v-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme" />
|
<RemoteCard v-if="onlineThemes && onlineThemes.docs" v-for="theme in onlineThemes.docs" :key="theme.id" :item="theme" />
|
||||||
<div v-if="loadingMore" class="bd-spinnerContainer">
|
<div v-if="loadingMore" class="bd-spinnerContainer">
|
||||||
<div class="bd-spinner7"/>
|
<div class="bd-spinner7"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</ScrollerWrap>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</SettingsWrapper>
|
</SettingsWrapper>
|
||||||
|
@ -50,7 +50,7 @@
|
||||||
import { ThemeManager, BdWebApi } from 'modules';
|
import { ThemeManager, BdWebApi } from 'modules';
|
||||||
import { Modals } from 'ui';
|
import { Modals } from 'ui';
|
||||||
import { ClientLogger as Logger } from 'common';
|
import { ClientLogger as Logger } from 'common';
|
||||||
import { MiRefresh } from '../common';
|
import { MiRefresh, ScrollerWrap } from '../common';
|
||||||
import SettingsWrapper from './SettingsWrapper.vue';
|
import SettingsWrapper from './SettingsWrapper.vue';
|
||||||
import ThemeCard from './ThemeCard.vue';
|
import ThemeCard from './ThemeCard.vue';
|
||||||
import RemoteCard from './RemoteCard.vue';
|
import RemoteCard from './RemoteCard.vue';
|
||||||
|
@ -69,7 +69,7 @@
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
SettingsWrapper, ThemeCard, RemoteCard,
|
SettingsWrapper, ThemeCard, RemoteCard,
|
||||||
MiRefresh,
|
MiRefresh, ScrollerWrap,
|
||||||
RefreshBtn
|
RefreshBtn
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
Loading…
Reference in New Issue