Fix styling

AMRC-FactoryPlus · Feb 20, 2024 · 51e8a7f · 51e8a7f
1 parent 56a6231
commit 51e8a7f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/resources/js/components/Containers/NodeContainer.vue b/resources/js/components/Containers/NodeContainer.vue
@@ -25,7 +25,10 @@
             <div class="flex items-center justify-center gap-0">
             </div>
           </div>
-          <div v-if="item.status" class="flex items-center text-gray-400 text-xs">{{item.status?.hosts?.length}} Nodes
+          <div v-if="item.status" class="flex items-center gap-1.5">
+            <div class="flex items-center text-gray-400 text-xs">{{item.status?.hosts?.length}} Nodes</div>
+            <div class="flex items-center bg-gray-300 text-xs rounded-full size-1"/>
+            <div v-if="$root.$data.userPreferences.appearance.preferences.show_uuids.value" class="flex items-center text-gray-400 text-xs">{{item.uuid}}</div>
           </div>
           <div v-else class="flex items-center text-gray-400 animate-pulse text-xs tracking-wider font-normal gap-1">
             <div class="flex items-center justify-center">

diff --git a/resources/js/components/Devices/Schemas/SchemaGroup.vue b/resources/js/components/Devices/Schemas/SchemaGroup.vue
@@ -19,7 +19,7 @@
           <i v-if="isToggled(key)"
              class="fa-sharp fa-solid fa-chevron-down fa-fw text-xs text-gray-400 group-hover:text-gray-900"></i>
           <i v-else class="fa-sharp fa-solid fa-chevron-up fa-fw text-xs"></i>
-          <div>
+          <div class="flex flex-col justify-center items-start ml-1">
             <div class="font-bold">{{key}}</div>
             <div v-tooltip="'Schema_UUID'"
                  v-if="!isToggled(key) && $root.$data.userPreferences.appearance.preferences.show_uuids.value"