From 080574e13d46075e537249d926781a91a490eb38 Mon Sep 17 00:00:00 2001 From: syuilo Date: Thu, 13 Aug 2020 21:27:06 +0900 Subject: [PATCH] WIP: Improve admin dashboard --- src/client/pages/instance/index.vue | 30 +++++++++++++++++++++-------- 1 file changed, 22 insertions(+), 8 deletions(-) diff --git a/src/client/pages/instance/index.vue b/src/client/pages/instance/index.vue index 9cdf97833..c32fe81df 100644 --- a/src/client/pages/instance/index.vue +++ b/src/client/pages/instance/index.vue @@ -108,7 +108,7 @@ -
+
@@ -119,10 +119,10 @@
- + - + @@ -239,6 +239,7 @@ export default Vue.extend({ modLogs: [], dbInfo: null, overviewHeight: '1fr', + queueHeight: '1fr', faDatabase, faServer, faExchangeAlt, faMicrochip, faHdd, faStream, faTrashAlt, faInfoCircle, faExclamationTriangle, faTachometerAlt, faHeartbeat, faClipboardList, } }, @@ -512,13 +513,17 @@ export default Vue.extend({ }); this.$nextTick(() => { - const ro = new ResizeObserver((entries, observer) => { - if (this.$refs.stats) { + new ResizeObserver((entries, observer) => { + if (this.$refs.stats && this.$refs.stats.$el) { this.overviewHeight = this.$refs.stats.$el.offsetHeight + 'px'; } - }); + }).observe(this.$refs.stats.$el); - ro.observe(this.$refs.stats.$el); + new ResizeObserver((entries, observer) => { + if (this.$refs.queue && this.$refs.queue.$el) { + this.queueHeight = this.$refs.queue.$el.offsetHeight + 'px'; + } + }).observe(this.$refs.queue.$el); }); }, @@ -666,8 +671,17 @@ export default Vue.extend({ .vkyrmkwb { display: grid; grid-template-columns: 0.5fr 1fr 1fr; - grid-template-rows: 400px; + grid-template-rows: 1fr; gap: 16px 16px; + margin-bottom: var(--margin); + + > .queue { + height: min-content; + } + + > * { + margin-bottom: 0; + } } .uwuemslx {