Improve dark style of simplify home

This commit is contained in:
the1812 2019-10-20 20:33:46 +08:00
parent 41b74c899a
commit 3484f33d04
11 changed files with 22 additions and 16 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -136,7 +136,7 @@
"simple-home.vue.min.js": "030C853AE068A918E540BCD491A40831F069BC88375230E40BB4B964E4252FB2",
"simplify-home.min.css": "C12B89218065EB887D4330C93747822115B31AD93073FF9F89AA585AEC9752CD",
"simplify-home.min.js": "F6D7F8E0D45847C3E056711AECE3832785603E7EF85A4B995C028F5CBE539C94",
"simplify-home.vue.min.js": "073A24094C480D6DD79006C3704002563AD9DF1BA496FF937DFE4A25869722E8",
"simplify-home.vue.min.js": "CE3C3E09348AA20C36E3EE7A4023CF7DCDE304412D3EC440ABF316CFD0A31C6E",
"simplify-liveroom.min.css": "98F872E5BE28B4949302145A12ED047EF01C4E40A16176E5C39A6AFD540CCC41",
"simplify-liveroom.min.js": "16C7DFF5204E5A020371C5F050A9557C65C8B25283145FBC6BBD892E82016C35",
"skip-charge-list.min.css": "D3C988CE131CEBFAC8A60360529C83EC4AE1B9EA122F9A6924F19963E25A4FE9",
@ -157,7 +157,7 @@
"tweets.min.css": "9015C1F165C91B9205ABBE4E8A3B5FA83DB1EB4B5CF2442846AF61E44FF178A8",
"v-checkbox.vue.min.js": "A23C35D5627009A29FD396A024442A19E37DEE70674BF3CE0FA377D781ED2231",
"v-dropdown.vue.min.js": "66C883695F6653412980050A23F7581557407A2859214BF0CAAEC7001D0B5DDB",
"video-card.vue.min.js": "E6FE8542E8910ED47A8D677533D213934682318A71A071BEF2BD4DFB7E01F33E",
"video-card.vue.min.js": "9F4B80617794F052D994C945CECA6B1A4AE885239C57C36E095BF3BBA5681030",
"video-dash.min.js": "9684C74C7782FA18DB45C262F8C41460ABB973C8B1868A5FBBD1DD2608E3C90D",
"video-downloader-fragment.min.js": "13B755C0EE0CA018AE65251E168BAF3395FEA2EB4FAD6949AADD752F61B8819B",
"video-info.min.js": "7234A74CA28A772A31E41BBD4925FC2B22C6701419ADFD511402C6A9D6D9E5FA",

Binary file not shown.

View File

@ -1 +1 @@
(()=>{return(e,m)=>{const o=`<div class=simplify-home><component class=simplify-home-component :is=activeComponent></component></div>`;m.applyStyleFromText(`.simplify-home{margin-top:32px;display:flex;align-items:center;justify-content:center}.simplify-home .simplify-home-component{max-width:100%}html{scroll-behavior:smooth}`,"simplify-home-style");return{export:Object.assign({template:o},{components:{"minimal-home":()=>m.importAsync("minimal-home.vue"),"simple-home":()=>m.importAsync("simple-home.vue")},computed:{activeComponent(){return this.homeStyle==="清爽"?"simple-home":"minimal-home"}},props:{homeStyle:String}})}}})();
(()=>{return(e,o)=>{const m=`<div class=simplify-home><component class=simplify-home-component :is=activeComponent></component></div>`;o.applyStyleFromText(`.simplify-home{padding-top:32px;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}body.dark .simplify-home{background-color:#181818}.simplify-home .simplify-home-component{max-width:100%}html{scroll-behavior:smooth}`,"simplify-home-style");return{export:Object.assign({template:m},{components:{"minimal-home":()=>o.importAsync("minimal-home.vue"),"simple-home":()=>o.importAsync("simple-home.vue")},computed:{activeComponent(){return this.homeStyle==="清爽"?"simple-home":"minimal-home"}},props:{homeStyle:String}})}}})();

File diff suppressed because one or more lines are too long

View File

@ -943,6 +943,7 @@ const getActivityTabComponent = ({ dataObject, apiUrl, name, handleJson, templat
},
}
}
// https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_history?uid=39717974&offset_dynamic_id=311158827135150245&type=8
class Activities extends NavbarComponent {
constructor () {
super();

View File

@ -21,11 +21,15 @@ export default {
</script>
<style lang="scss">
.simplify-home {
margin-top: 32px;
padding-top: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f4f4f4;
body.dark & {
background-color: #181818;
}
.simplify-home-component {
max-width: 100%;
}

View File

@ -125,8 +125,9 @@ export default {
height: var(--card-height);
width: var(--card-width);
color: black;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 2px 6px 0 #0002;
box-shadow: 0 4px 8px 0 #0001;
margin-right: var(--card-margin);
margin-bottom: var(--card-margin);
position: relative;