limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-15 06:27:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨

Browse source
This commit is contained in:
syuilo 2018-05-17 23:10:53 +09:00
parent 8ccb129fce
commit 7404a8fb8f
2 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/client/app/mobile/views/components/widget-container.vue
View file

@ -25,15 +25,12 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.mk-widget-container
background #eee
root(isDark)
background isDark ? #21242f : #eee
border-radius 8px
box-shadow 0 0 0 1px rgba(#000, 0.2)
box-shadow 0 4px 16px rgba(#000, 0.1)
overflow hidden
&.hideHeader
background #fff
&.naked
background transparent !important
box-shadow none !important
@ -44,8 +41,8 @@ export default Vue.extend({
padding 8px 10px
font-size 15px
font-weight normal
color #465258
background #fff
color isDark ? #b8c5cc : #465258
background isDark ? #282c37 : #fff
border-radius 8px 8px 0 0
> [data-fa]
@ -65,4 +62,10 @@ export default Vue.extend({
font-size 15px
color #465258
.mk-widget-container[data-darkmode]
root(true)
.mk-widget-container:not([data-darkmode])
root(false)
</style>

11
src/client/app/mobile/views/pages/widgets.vue
View file

@ -141,17 +141,24 @@ export default Vue.extend({
<style lang="stylus" scoped>
main
margin 0 auto
padding 8px
max-width 500px
@media (min-width 500px)
padding 8px
padding 16px 8px
@media (min-width 600px)
padding 32px 8px
> header
padding 8px
background #fff
.widget
margin 8px
margin-bottom 8px
@media (min-width 600px)
margin-bottom 16px
.customize-container
margin 8px