wip
This commit is contained in:
parent
7d377925a0
commit
684662a475
31 changed files with 119 additions and 94 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -197,7 +197,7 @@ export default Vue.extend({
|
|||
&:last-child
|
||||
border-bottom none
|
||||
|
||||
> mk-time
|
||||
> .mk-time
|
||||
display inline
|
||||
position absolute
|
||||
top 16px
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@ export default Vue.extend({
|
|||
font-size 1em
|
||||
color #717171
|
||||
|
||||
> mk-url-preview
|
||||
> .mk-url-preview
|
||||
margin-top 8px
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -280,7 +280,7 @@ export default Vue.extend({
|
|||
font-size 1.5em
|
||||
color #717171
|
||||
|
||||
> mk-url-preview
|
||||
> .mk-url-preview
|
||||
margin-top 8px
|
||||
|
||||
> footer
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue