feat(ui): fullscreen disconnect indicator

packages/devtools/client/components/DisconnectIndicator.vue

@@ -1,18 +1,18 @@
-<script setup lang="ts">
-</script>
-
 <template>
   <Teleport to="body">
     <div
       v-if="wsError || wsConnecting"
-      border="t base"
-      fixed bottom-0 left-0 right-0 z-2147483646 p5 glass-effect
+      flex="~ col justify-center items-center gap-2"
+      fixed bottom-0 left-0 right-0 top-0 z-2147483646 p5 text-lg backdrop-blur-5 glass-effect
     >
+      <div flex="~" mt--10 items-center justify-center>
+        <NuxtLogo h-14 />
+      </div>
       <div v-if="wsError" flex="~ gap-2" items-center text-rose>
         <NIcon icon="i-carbon-wifi-off" />
         WebSocket disconnected
       </div>
-      <div v-else-if="wsConnecting" flex="~ gap-2" animate-pulse items-center text-yellow>
+      <div v-else flex="~ gap-2" animate-pulse items-center text-yellow>
         <NIcon icon="i-carbon-circle-dash" animate-spin />
         Connecting to the server...
       </div>