refactor: responsiveness

_data/serverState.ts

@@ -63,7 +63,7 @@ const serverState = {
     "bgColor": "",
     "descriptionShow": true,
     "metaColor": "",
-    "name": "black",
+    "name": "white",
     "textColor": ""
   },
   uptime,

components/UserProfile.ce.vue

@@ -94,7 +94,7 @@ onBeforeMount(() => {
     <div class="relative z-10 flex flex-row items-center justify-end gap-x-16px h-full">
       <h1 class="text-alpha text-14px sm:text-18px relative flex flex-col-reverse items-end md:flex-row border-t-0 border-r-0 border-l-0 border-b-2 border-transparent">
         <template v-if="description && theme?.descriptionShow">
-          <span class="text-right hidden 2xs:block">{{ description }}</span>
+          <span class="text-right text-12px sm:text-18px hidden 2xs:block">{{ description }}</span>
           <span class="text-gamma hidden md:inline-block px-8px">&bull;</span>
         </template>
         <button @click="copyLanIp()" :title="`Click to Copy LAN IP ${lanIp}`">{{ name }}</button>

components/UserProfile/DropdownContent.vue

@@ -70,7 +70,7 @@ const links = computed(():UserProfileLink[] => {
 
 <template>
   <div class="flex flex-col gap-y-8px min-w-300px max-w-350px">
-    <header class="flex flex-row items-center justify-between mt-8px mx-8px">
+    <header v-if="pluginInstalled" class="flex flex-row items-center justify-between mt-8px mx-8px">
       <h2 class="text-18px leading-none flex flex-row gap-x-8px items-center justify-between">
         <BrandLogoConnect gradient-start="currentcolor" gradient-stop="currentcolor" class="text-beta w-[120px]" />
         <UpcBeta />

components/UserProfile/DropdownWrapper.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 // shadow-[var(--ring-offset-shadow)_var(--ring-shadow)_var(--shadow-beta)]
+//  border border-solid border-beta/5
 </script>
 
 <template>

store/server.ts

@@ -136,6 +136,7 @@ export const useServerStore = defineStore('server', () => {
       lanIp: lanIp.value,
       name: name.value,
       registered: registered.value ?? false,
+      regGuid: regGuid.value,
       site: site.value,
       state: state.value,
       wanFQDN: wanFQDN.value,