diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-09-28 11:44:23 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-09-28 11:44:23 +0900 |
| commit | 47d4de75da5bd2b6aafb5cdc6eabf6fec6932f1e (patch) | |
| tree | f6aa7d27d80a5dbd8d2c28df432e41a840e4ec4f | |
| parent | wip (diff) | |
| download | sharkey-47d4de75da5bd2b6aafb5cdc6eabf6fec6932f1e.tar.gz sharkey-47d4de75da5bd2b6aafb5cdc6eabf6fec6932f1e.tar.bz2 sharkey-47d4de75da5bd2b6aafb5cdc6eabf6fec6932f1e.zip | |
wip
| -rw-r--r-- | src/client/app/mobile/views/components/widget-container.vue | 17 |
1 files changed, 4 insertions, 13 deletions
diff --git a/src/client/app/mobile/views/components/widget-container.vue b/src/client/app/mobile/views/components/widget-container.vue index bf7adf5fcb..2a4025002b 100644 --- a/src/client/app/mobile/views/components/widget-container.vue +++ b/src/client/app/mobile/views/components/widget-container.vue @@ -25,8 +25,8 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> -root(isDark) - background isDark ? #21242f : #eee +.mk-widget-container + background var(--face) border-radius 8px box-shadow 0 4px 16px rgba(#000, 0.1) overflow hidden @@ -35,17 +35,14 @@ root(isDark) background transparent !important box-shadow none !important - &.hideHeader - background isDark ? #21242f : #fff - > header > .title margin 0 padding 8px 10px font-size 15px font-weight normal - color isDark ? #b8c5cc : #465258 - background var(--face) + color var(--faceHeaderText) + background var(--faceHeader) border-radius 8px 8px 0 0 > [data-fa] @@ -65,10 +62,4 @@ root(isDark) font-size 15px color #465258 -.mk-widget-container[data-darkmode] - root(true) - -.mk-widget-container:not([data-darkmode]) - root(false) - </style> |