studio: small UI polishes (#10292)

* update font color and fix select input spacing * remove justify between * revert input --------- Co-authored-by: aditya-mitra <[email protected]>
EtherealEngine · Jun 4, 2024 · c00fefb · c00fefb
1 parent 2c2c3f0
commit c00fefb
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/ui/src/components/editor/panels/Hierarchy/container/index.tsx b/packages/ui/src/components/editor/panels/Hierarchy/container/index.tsx
@@ -445,7 +445,7 @@ function HierarchyPanelContents(props: { sceneURL: string; rootEntityUUID: Entit
           onChange={(event) => {
             searchHierarchy.set(event.target.value)
           }}
-          className="m-1 rounded bg-theme-primary text-white"
+          className="m-1 rounded bg-theme-primary text-[#A3A3A3]"
           startComponent={<HiMagnifyingGlass className="text-white" />}
         />
         <Button

diff --git a/packages/ui/src/components/editor/panels/Scenes/container/index.tsx b/packages/ui/src/components/editor/panels/Scenes/container/index.tsx
@@ -95,7 +95,7 @@ export default function ScenesPanel() {
               {scenes.map((scene: AssetType) => (
                 <div
                   key={scene.id}
-                  className="my-2 flex h-[240px] w-[250px] flex-col justify-end rounded-lg bg-theme-surface-main"
+                  className="my-2 flex h-[240px] w-[250px] flex-col justify-end overflow-hidden rounded-lg bg-theme-surface-main"
                 >
                   <img
                     src={config.client.fileServer + '/' + scene.thumbnailURL}
@@ -104,7 +104,7 @@ export default function ScenesPanel() {
                       e.currentTarget.src = 'static/etherealengine_logo.png'
                     }}
                     crossOrigin="anonymous"
-                    className="block h-[100%] w-auto cursor-pointer rounded-t-lg object-cover"
+                    className="block h-auto w-full grow cursor-pointer rounded-t-lg object-cover"
                     onClick={() => onClickScene(scene)}
                   />
                   <div className="flex items-center justify-between px-4 py-1">

diff --git a/packages/ui/src/primitives/tailwind/Button/index.tsx b/packages/ui/src/primitives/tailwind/Button/index.tsx
@@ -79,11 +79,11 @@ const Button = ({
   ...props
 }: ButtonProps): JSX.Element => {
   const twClassName = twMerge(
-    'flex items-center justify-between',
+    'flex items-center',
     'font-medium text-white',
     'transition ease-in-out',
     'disabled:cursor-not-allowed',
-    StartIcon || EndIcon ? 'justify-between' : 'justify-center',
+    (StartIcon || EndIcon) && 'justify-center',
     sizes[size],
     fullWidth ? 'w-full' : 'w-fit',
     roundedTypes[rounded],