fix: inconsistent icon size

2021-07-31 21:04:03 +05:30
parent 28d636fa0d
commit d88725b998
4 changed files with 19 additions and 3 deletions
--- a/components/realtime/Websocket.vue
+++ b/components/realtime/Websocket.vue
@@ -131,6 +131,21 @@
              />
            </div>
          </div>
+          <div
+            v-if="protocols.length === 0"
+            class="
+              flex flex-col
+              text-secondaryLight
+              p-4
+              items-center
+              justify-center
+            "
+          >
+            <i class="opacity-75 pb-2 material-icons">topic</i>
+            <span class="text-center">
+              {{ $t("protocols_empty") }}
+            </span>
+          </div>
        </Pane>
        <Pane class="hide-scrollbar !overflow-auto">
          <AppSection label="response">