This commit is contained in:
syuilo 2019-02-15 15:35:52 +09:00
parent f8b3f66904
commit 937f7cbd60
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
28 changed files with 103 additions and 94 deletions

View file

@ -17,7 +17,7 @@ import usersList from './users-list.vue';
import userPreview from './user-preview.vue';
import userTimeline from './user-timeline.vue';
import userListTimeline from './user-list-timeline.vue';
import widgetContainer from './widget-container.vue';
import uiContainer from './ui-container.vue';
import postForm from './post-form.vue';
Vue.component('mk-ui', ui);
@ -37,5 +37,5 @@ Vue.component('mk-users-list', usersList);
Vue.component('mk-user-preview', userPreview);
Vue.component('mk-user-timeline', userTimeline);
Vue.component('mk-user-list-timeline', userListTimeline);
Vue.component('mk-widget-container', widgetContainer);
Vue.component('ui-container', uiContainer);
Vue.component('mk-post-form', postForm);

View file

@ -1,10 +1,12 @@
<template>
<div class="mk-widget-container" :class="{ naked, hideHeader: !showHeader }">
<div class="ukygtjoj" :class="{ naked, hideHeader: !showHeader }">
<header v-if="showHeader">
<div class="title"><slot name="header"></slot></div>
<slot name="func"></slot>
</header>
<slot></slot>
<div v-show="showBody">
<slot></slot>
</div>
</div>
</template>
@ -25,7 +27,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.mk-widget-container
.ukygtjoj
background var(--face)
border-radius 8px
box-shadow 0 4px 16px rgba(#000, 0.1)