feat(hub-ui): update ui design

Author: antfu

packages/hub-ui/src/client/components/dock/DockEntry.vue

@@ -110,7 +110,7 @@ useEventListener('pointerdown', () => {
       <div
         v-if="badge"
         class="absolute top-0.5 right-0 text-0.6em px-1 rounded-full shadow"
-        :class="badgeStyle ? '' : 'bg-primary text-white'"
+        :class="badgeStyle ? '' : 'bg-gray-500 text-white'"
         :style="badgeStyle"
       >
         {{ badge }}

packages/hub-ui/src/client/components/views-builtin/ViewBuiltinClientAuthNotice.vue

@@ -101,7 +101,7 @@ async function submit() {
             type="submit"
             variant="primary"
             icon="i-ph-shield-check-duotone"
-            class="w-full justify-center text-base py-2!"
+            class="w-full justify-center text-base py-2! disabled:saturate-0"
             :loading="verifying"
             :disabled="code.length < CODE_LENGTH"
           >

packages/hub-ui/src/client/style.css

@@ -68,15 +68,15 @@
 }
 
 #devframes-anchor #devframes-dock {
-  --uno: h-full rounded-full select-none touch-none ma flex;
+  --uno: h-full rounded-lg select-none touch-none ma flex border border-base;
   --uno: "shadow text-[#333] dark:text-white  bg-glass:80";
   --uno: transition-all duration-500;
   height: var(--devframes-dock-height, 40px);
   width: calc-size(max-content, size);
 }
 
 #devframes-anchor.devframes-minimized #devframes-dock {
-  --uno: px-0 py-[2px];
+  --uno: px-0 py-[2px] rounded-full;
   width: var(--devframes-dock-minimized-size, 22px);
   height: var(--devframes-dock-minimized-size, 22px);
 }