From dd232b996a8cd4cb9be9ce0c3b81d6045013bb36 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 28 Feb 2018 05:43:14 +0900
Subject: :v:

---
 src/web/app/dev/views/apps.vue | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

(limited to 'src/web/app/dev/views/apps.vue')

diff --git a/src/web/app/dev/views/apps.vue b/src/web/app/dev/views/apps.vue
index 42b4abc9b8..7e0b107a30 100644
--- a/src/web/app/dev/views/apps.vue
+++ b/src/web/app/dev/views/apps.vue
@@ -1,21 +1,21 @@
 <template>
-<div>
-	<h1>アプリを管理</h1>
-	<router-link to="/app/new">アプリ作成</router-link>
-	<div class="apps">
-		<p v-if="fetching">読み込み中</p>
-		<template v-if="!fetching">
-			<p v-if="apps.length == 0">アプリなし</p>
-			<ul v-else>
-				<li v-for="app in apps" :key="app.id">
-					<router-link :to="`/app/${app.id}`">
-						<p class="name">{{ app.name }}</p>
-					</router-link>
-				</li>
-			</ul>
-		</template>
-	</div>
-</div>
+<mk-ui>
+	<b-card header="アプリを管理">
+		<b-button to="/app/new" variant="primary">アプリ作成</b-button>
+		<hr>
+		<div class="apps">
+			<p v-if="fetching">読み込み中</p>
+			<template v-if="!fetching">
+				<b-alert v-if="apps.length == 0">アプリなし</b-alert>
+				<b-list-group v-else>
+					<b-list-group-item v-for="app in apps" :key="app.id" :to="`/app/${app.id}`">
+						{{ app.name }}
+					</b-list-group-item>
+				</b-list-group>
+			</template>
+		</div>
+	</b-card>
+</mk-ui>
 </template>
 
 <script lang="ts">
-- 
cgit v1.2.3-freya

