forked from FoundKeyGang/FoundKey
✌️
This commit is contained in:
parent
ff29e7bb14
commit
08e83e1374
3 changed files with 9 additions and 24 deletions
|
@ -1,5 +1,5 @@
|
||||||
<mk-post-form-window>
|
<mk-post-form-window>
|
||||||
<mk-window ref="window" is-modal={ true } colored={ true }>
|
<mk-window ref="window" is-modal={ true }>
|
||||||
<yield to="header">
|
<yield to="header">
|
||||||
<span if={ !parent.opts.reply }>新規投稿</span>
|
<span if={ !parent.opts.reply }>新規投稿</span>
|
||||||
<span if={ parent.opts.reply }>返信</span>
|
<span if={ parent.opts.reply }>返信</span>
|
||||||
|
|
|
@ -1,7 +1,11 @@
|
||||||
<mk-repost-form-window>
|
<mk-repost-form-window>
|
||||||
<mk-window ref="window" is-modal={ true } colored={ true }><yield to="header"><i class="fa fa-retweet"></i>この投稿をRepostしますか?</yield>
|
<mk-window ref="window" is-modal={ true }>
|
||||||
<yield to="content">
|
<yield to="header">
|
||||||
<mk-repost-form ref="form" post={ parent.opts.post }></mk-repost-form></yield>
|
<i class="fa fa-retweet"></i>この投稿をRepostしますか?
|
||||||
|
</yield>
|
||||||
|
<yield to="content">
|
||||||
|
<mk-repost-form ref="form" post={ parent.opts.post }></mk-repost-form>
|
||||||
|
</yield>
|
||||||
</mk-window>
|
</mk-window>
|
||||||
<style>
|
<style>
|
||||||
:scope
|
:scope
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<mk-window data-flexible={ isFlexible } data-colored={ opts.colored } ondragover={ ondragover }>
|
<mk-window data-flexible={ isFlexible } ondragover={ ondragover }>
|
||||||
<div class="bg" ref="bg" show={ isModal } onclick={ bgClick }></div>
|
<div class="bg" ref="bg" show={ isModal } onclick={ bgClick }></div>
|
||||||
<div class="main" ref="main" tabindex="-1" data-is-modal={ isModal } onmousedown={ onBodyMousedown } onkeydown={ onKeydown }>
|
<div class="main" ref="main" tabindex="-1" data-is-modal={ isModal } onmousedown={ onBodyMousedown } onkeydown={ onKeydown }>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
|
@ -171,25 +171,6 @@
|
||||||
> .main > .body > .content
|
> .main > .body > .content
|
||||||
height calc(100% - 40px)
|
height calc(100% - 40px)
|
||||||
|
|
||||||
&[data-colored]
|
|
||||||
|
|
||||||
> .main > .body
|
|
||||||
|
|
||||||
> header
|
|
||||||
box-shadow 0 1px 0 rgba($theme-color, 0.1)
|
|
||||||
|
|
||||||
> h1
|
|
||||||
color #d0b4ac
|
|
||||||
|
|
||||||
> .close
|
|
||||||
color rgba($theme-color, 0.4)
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
color rgba($theme-color, 0.6)
|
|
||||||
|
|
||||||
&:active
|
|
||||||
color darken($theme-color, 30%)
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
const contains = require('../../common/scripts/contains');
|
const contains = require('../../common/scripts/contains');
|
||||||
|
|
Loading…
Reference in a new issue