This commit is contained in:
syuilo 2018-02-17 03:01:00 +09:00
parent 7d377925a0
commit 684662a475
31 changed files with 119 additions and 94 deletions

View file

@ -114,7 +114,7 @@ export default Vue.extend({
line-height 16px
color #ccc
> mk-follow-button
> .mk-follow-button
position absolute
top 16px
right 16px

View file

@ -26,6 +26,7 @@ import notifications from './notifications.vue';
import postForm from './post-form.vue';
import repostForm from './repost-form.vue';
import followButton from './follow-button.vue';
import postPreview from './post-preview.vue';
Vue.component('mk-ui', ui);
Vue.component('mk-ui-header', uiHeader);
@ -53,3 +54,4 @@ Vue.component('mk-notifications', notifications);
Vue.component('mk-post-form', postForm);
Vue.component('mk-repost-form', repostForm);
Vue.component('mk-follow-button', followButton);
Vue.component('mk-post-preview', postPreview);

View file

@ -93,7 +93,7 @@ export default Vue.extend({
font-size 1.1em
color #717171
> mk-follow-button
> .mk-follow-button
position absolute
top 16px
right 16px

View file

@ -197,7 +197,7 @@ export default Vue.extend({
&:last-child
border-bottom none
> mk-time
> .mk-time
display inline
position absolute
top 16px

View file

@ -119,7 +119,7 @@ export default Vue.extend({
font-size 1em
color #717171
> mk-url-preview
> .mk-url-preview
margin-top 8px
</style>

View file

@ -280,7 +280,7 @@ export default Vue.extend({
font-size 1.5em
color #717171
> mk-url-preview
> .mk-url-preview
margin-top 8px
> footer

View file

@ -178,6 +178,7 @@ export default Vue.extend({
},
reply() {
document.body.appendChild(new MkPostFormWindow({
parent: this,
propsData: {
reply: this.p
}
@ -185,6 +186,7 @@ export default Vue.extend({
},
repost() {
document.body.appendChild(new MkRepostFormWindow({
parent: this,
propsData: {
post: this.p
}
@ -192,6 +194,7 @@ export default Vue.extend({
},
react() {
document.body.appendChild(new MkReactionPicker({
parent: this,
propsData: {
source: this.$refs.reactButton,
post: this.p
@ -200,6 +203,7 @@ export default Vue.extend({
},
menu() {
document.body.appendChild(new MkPostMenu({
parent: this,
propsData: {
source: this.$refs.menuButton,
post: this.p
@ -303,7 +307,7 @@ export default Vue.extend({
.name
font-weight bold
> mk-time
> .mk-time
position absolute
top 16px
right 32px
@ -317,7 +321,7 @@ export default Vue.extend({
padding 0 16px
background rgba(0, 0, 0, 0.0125)
> mk-post-preview
> .mk-post-preview
background transparent
> article
@ -415,7 +419,7 @@ export default Vue.extend({
> .dummy
display none
mk-url-preview
.mk-url-preview
margin-top 8px
> .channel
@ -451,7 +455,7 @@ export default Vue.extend({
background $theme-color
border-radius 4px
> mk-poll
> .mk-poll
font-size 80%
> .repost
@ -466,7 +470,7 @@ export default Vue.extend({
font-size 28px
background #fff
> mk-post-preview
> .mk-post-preview
padding 16px
border dashed 1px #c0dac6
border-radius 8px

View file

@ -58,7 +58,7 @@ export default Vue.extend({
<style lang="stylus" scoped>
.mk-repost-form
> mk-post-preview
> .mk-post-preview
margin 16px 22px
> div

View file

@ -104,7 +104,7 @@ export default Vue.extend({
border solid 1px rgba(0, 0, 0, 0.075)
border-radius 6px
> mk-following-setuper
> .mk-following-setuper
border-bottom solid 1px #eee
> .loading

View file

@ -148,7 +148,7 @@ export default Vue.extend({
border-bottom solid 14px #fff
border-left solid 14px transparent
> mk-notifications
> .mk-notifications
max-height 350px
font-size 1rem
overflow auto

View file

@ -109,7 +109,7 @@ export default Vue.extend({
line-height 16px
color #ccc
> mk-follow-button
> .mk-follow-button
position absolute
top 16px
right 16px

View file

@ -51,7 +51,7 @@ export default Vue.extend({
padding 16px
width calc(100% - 275px * 2)
> mk-user-timeline
> .mk-user-timeline
border solid 1px rgba(0, 0, 0, 0.075)
border-radius 6px

View file

@ -87,7 +87,7 @@ export default Vue.extend({
padding 16px
border-top solid 1px #eee
> mk-big-follow-button
> .mk-big-follow-button
width 100%
> .followed