From 320b3d8617ad90c49add8d06ff25fa363289923d Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Wed, 12 Feb 2020 02:52:37 +0900
Subject: :art:

---
 src/client/components/loading.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'src/client/components/loading.vue')

diff --git a/src/client/components/loading.vue b/src/client/components/loading.vue
index 640c4cc9e3..b819c692e8 100644
--- a/src/client/components/loading.vue
+++ b/src/client/components/loading.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="yxspomdl">
+<div class="yxspomdl" :class="{ inline }">
 	<div class="ring"></div>
 </div>
 </template>
@@ -8,6 +8,13 @@
 import Vue from 'vue';
 
 export default Vue.extend({
+	props: {
+		inline: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	}
 });
 </script>
 
@@ -25,6 +32,16 @@ export default Vue.extend({
 	padding: 32px;
 	text-align: center;
 
+	&.inline {
+		display: inline;
+		padding: 0;
+
+		> .ring:after {
+			width: 32px;
+			height: 32px;
+		}
+	}
+
 	> .ring {
 		display: inline-block;
 		opacity: 0.7;
-- 
cgit v1.2.3-freya

