summaryrefslogtreecommitdiff
path: root/src/web/app/desktop/views/components/widget-container.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/web/app/desktop/views/components/widget-container.vue')
-rw-r--r--src/web/app/desktop/views/components/widget-container.vue85
1 files changed, 0 insertions, 85 deletions
diff --git a/src/web/app/desktop/views/components/widget-container.vue b/src/web/app/desktop/views/components/widget-container.vue
deleted file mode 100644
index dd42be63bb..0000000000
--- a/src/web/app/desktop/views/components/widget-container.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-<div class="mk-widget-container" :class="{ naked }">
- <header :class="{ withGradient }" v-if="showHeader">
- <div class="title"><slot name="header"></slot></div>
- <slot name="func"></slot>
- </header>
- <slot></slot>
-</div>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-export default Vue.extend({
- props: {
- showHeader: {
- type: Boolean,
- default: true
- },
- naked: {
- type: Boolean,
- default: false
- }
- },
- computed: {
- withGradient(): boolean {
- return (this as any).os.isSignedIn
- ? (this as any).os.i.account.client_settings.gradientWindowHeader != null
- ? (this as any).os.i.account.client_settings.gradientWindowHeader
- : false
- : false;
- }
- }
-});
-</script>
-
-<style lang="stylus" scoped>
-.mk-widget-container
- background #fff
- border solid 1px rgba(0, 0, 0, 0.075)
- border-radius 6px
- overflow hidden
-
- &.naked
- background transparent !important
- border none !important
-
- > header
- > .title
- z-index 1
- margin 0
- padding 0 16px
- line-height 42px
- font-size 0.9em
- font-weight bold
- color #888
- box-shadow 0 1px rgba(0, 0, 0, 0.07)
-
- > [data-fa]
- margin-right 4px
-
- &:empty
- display none
-
- > button
- position absolute
- z-index 2
- top 0
- right 0
- padding 0
- width 42px
- font-size 0.9em
- line-height 42px
- color #ccc
-
- &:hover
- color #aaa
-
- &:active
- color #999
-
- &.withGradient
- > .title
- background linear-gradient(to bottom, #fff, #ececec)
- box-shadow 0 1px rgba(#000, 0.11)
-</style>