diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-12-03 23:06:46 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-12-03 23:06:46 +0900 |
| commit | 3a33e406c753ff67f9411130fcf08d23123f4b98 (patch) | |
| tree | 468026d96cf1d7ff0e77e9567a1a22e3ce0076c6 /src/client/components/form | |
| parent | update deps (diff) | |
| download | misskey-3a33e406c753ff67f9411130fcf08d23123f4b98.tar.gz misskey-3a33e406c753ff67f9411130fcf08d23123f4b98.tar.bz2 misskey-3a33e406c753ff67f9411130fcf08d23123f4b98.zip | |
Add suffix slot to MkLink
Diffstat (limited to 'src/client/components/form')
| -rw-r--r-- | src/client/components/form/link.vue | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/src/client/components/form/link.vue b/src/client/components/form/link.vue index 01c46e851a..7093f50397 100644 --- a/src/client/components/form/link.vue +++ b/src/client/components/form/link.vue @@ -3,12 +3,18 @@ <a class="main _button _formPanel _formClickable" :href="to" target="_blank" v-if="external"> <span class="icon"><slot name="icon"></slot></span> <span class="text"><slot></slot></span> - <Fa :icon="faExternalLinkAlt" class="right"/> + <span class="right"> + <span class="text"><slot name="suffix"></slot></span> + <Fa :icon="faExternalLinkAlt" class="icon"/> + </span> </a> <MkA class="main _button _formPanel _formClickable" :class="{ active }" :to="to" v-else> <span class="icon"><slot name="icon"></slot></span> <span class="text"><slot></slot></span> - <Fa :icon="faChevronRight" class="right"/> + <span class="right"> + <span class="text"><slot name="suffix"></slot></span> + <Fa :icon="faChevronRight" class="icon"/> + </span> </MkA> </div> </template> @@ -84,6 +90,10 @@ export default defineComponent({ > .right { margin-left: auto; opacity: 0.7; + + > .text:not(:empty) { + margin-right: 0.75em; + } } } } |