fix(web) - a few VERY minor UI fixes

systeminit · Jun 27, 2024 · f28f7f9 · f28f7f9
1 parent 5de6c19
commit f28f7f9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/app/web/src/components/AssetDetailsPanel.vue b/app/web/src/components/AssetDetailsPanel.vue
@@ -7,7 +7,7 @@
     <ScrollArea v-else-if="editingAsset && props.assetId">
       <template #top>
         <div
-          class="flex flex-row items-center gap-xs p-xs border-b dark:border-neutral-600"
+          class="flex flex-row items-center justify-around gap-xs p-xs border-b dark:border-neutral-600"
         >
           <VButton
             v-if="useFeatureFlagsStore().IMMUTABLE_SCHEMA_VARIANTS"

diff --git a/app/web/src/components/AssetNameModal.vue b/app/web/src/components/AssetNameModal.vue
@@ -5,10 +5,11 @@
       v-model="assetName"
       type="text"
       label="Asset Name"
+      noLabel
       required
       @enterPressed="submit"
     />
-    <VButton class="mt-md" @click="submit">{{ props.buttonLabel }}</VButton>
+    <VButton class="mt-sm" @click="submit">{{ props.buttonLabel }}</VButton>
   </Modal>
 </template>
 

diff --git a/app/web/src/components/AttributesPanel/AttributesPanelItem.vue b/app/web/src/components/AttributesPanel/AttributesPanelItem.vue
@@ -168,7 +168,9 @@
             class="text-center pt-2xs italic text-2xs text-neutral-400"
             :style="{ paddingLeft: indentPxPlusOne }"
           >
-            +{{ numberOfHiddenChildren }} hidden empty props
+            +{{ numberOfHiddenChildren }} hidden empty prop{{
+              numberOfHiddenChildren > 1 ? "s" : ""
+            }}
           </div>
         </div>