From 3a33e406c753ff67f9411130fcf08d23123f4b98 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Thu, 3 Dec 2020 23:06:46 +0900
Subject: Add suffix slot to MkLink

---
 src/client/components/form/link.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'src/client/components/form')

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;
+			}
 		}
 	}
 }
-- 
cgit v1.3.1-freya