forked from FoundKeyGang/FoundKey
🎨
This commit is contained in:
parent
1e61ea1591
commit
518f6e9677
2 changed files with 20 additions and 10 deletions
src/client/app/mobile/views
|
@ -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>
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue