From 1316d12e11daf8e1235670abdfafe8831af025ef Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Thu, 6 Jul 2023 14:32:09 -0700
Subject: [PATCH] refactor: responsiveness

---
 _data/serverState.ts                       | 2 +-
 components/UserProfile.ce.vue              | 2 +-
 components/UserProfile/DropdownContent.vue | 2 +-
 components/UserProfile/DropdownWrapper.vue | 1 +
 store/server.ts                            | 1 +
 5 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/_data/serverState.ts b/_data/serverState.ts
index ff59725fa..5913e3ec9 100644
--- a/_data/serverState.ts
+++ b/_data/serverState.ts
@@ -63,7 +63,7 @@ const serverState = {
     "bgColor": "",
     "descriptionShow": true,
     "metaColor": "",
-    "name": "black",
+    "name": "white",
     "textColor": ""
   },
   uptime,
diff --git a/components/UserProfile.ce.vue b/components/UserProfile.ce.vue
index b9e029aff..92ce97de4 100644
--- a/components/UserProfile.ce.vue
+++ b/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>
diff --git a/components/UserProfile/DropdownContent.vue b/components/UserProfile/DropdownContent.vue
index 827256836..ac7cef542 100644
--- a/components/UserProfile/DropdownContent.vue
+++ b/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 />
diff --git a/components/UserProfile/DropdownWrapper.vue b/components/UserProfile/DropdownWrapper.vue
index fb32a5cb9..292837a16 100644
--- a/components/UserProfile/DropdownWrapper.vue
+++ b/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>
diff --git a/store/server.ts b/store/server.ts
index 65b367d03..093874b38 100644
--- a/store/server.ts
+++ b/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,