minor(ui): fix placeholder styles (#20910)

* fix: placeholder styles

* fix glossary placeholder styles

* address pr comments

openmetadata-ui/src/main/resources/ui/src/components/Customization/GenericTab/generic-tab.less

@@ -10,8 +10,8 @@
  *  See the License for the specific language governing permissions and
  *  limitations under the License.
  */
-@import (reference) url('../../../styles/variables.less');
 @import (reference) url('antd/dist/antd.variable.less');
+@import (reference) url('../../../styles/variables.less');
 
 .grid-container {
   .react-grid-item {

openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryTermTab/GlossaryTermTab.component.tsx

@@ -828,9 +828,9 @@ const GlossaryTermTab = ({ isGlossary, className }: GlossaryTermTabProps) => {
   if (isEmpty(glossaryTerms)) {
     return (
       // If there is no terms, the table container ref is not set, so we need to use a div to set the width
-      <div ref={tableContainerRef}>
+      <div className="h-full" ref={tableContainerRef}>
         <ErrorPlaceHolder
-          className="p-md p-b-lg"
+          className="p-md p-b-lg border-none"
           doc={GLOSSARIES_DOCS}
           heading={t('label.glossary-term')}
           permission={permissions.Create}

openmetadata-ui/src/main/resources/ui/src/components/Settings/Team/TeamDetails/TeamDetailsV1.tsx

@@ -60,8 +60,8 @@ import { OwnerType } from '../../../../enums/user.enum';
 import { Operation } from '../../../../generated/entity/policies/policy';
 import { Team, TeamType } from '../../../../generated/entity/teams/team';
 import {
-  User,
   EntityReference as UserTeams,
+  User,
 } from '../../../../generated/entity/teams/user';
 import { EntityReference } from '../../../../generated/type/entityReference';
 import { useAuth } from '../../../../hooks/authHooks';
@@ -250,7 +250,7 @@ const TeamDetailsV1 = ({
     }: PlaceholderProps) => (
       <ErrorPlaceHolder
         button={button}
-        className="mt-0-important border-none"
+        className="mt-0-important border-none p-lg"
         doc={doc}
         heading={heading}
         permission={permission}

openmetadata-ui/src/main/resources/ui/src/components/Settings/Team/TeamDetails/UserTab/UserTab.component.tsx

@@ -355,7 +355,7 @@ export const UserTab = ({
             )}
           </Space>
         }
-        className="mt-0-important"
+        className="mt-0-important border-none"
         heading={t('label.user')}
         permission={editUserPermission}
         type={ERROR_PLACEHOLDER_TYPE.ASSIGN}

openmetadata-ui/src/main/resources/ui/src/components/common/ResizablePanels/resizable-panels.less

@@ -46,7 +46,6 @@ body.reflex-row-resize {
 .reflex-container.vertical {
   flex-direction: row;
   min-width: 1px;
-  border-radius: 12px;
 }
 
 .reflex-container > .reflex-element {

openmetadata-ui/src/main/resources/ui/src/pages/PoliciesPage/PoliciesDetailPage/PoliciesDetailPage.tsx

@@ -530,9 +530,9 @@ const PoliciesDetailPage = () => {
 
         <>
           {isEmpty(policy) ? (
-            <ErrorPlaceHolder className="border-none">
+            <ErrorPlaceHolder className="border-none h-min-80">
               <div className="text-center">
-                <p>
+                <p className="m-y-sm">
                   {t('message.no-entity-found-for-name', {
                     entity: t('label.policy-lowercase'),
                     name: fqn,

openmetadata-ui/src/main/resources/ui/src/pages/RolesPage/RolesDetailPage/RolesDetailPage.tsx

@@ -367,7 +367,9 @@ const RolesDetailPage = () => {
         <TitleBreadcrumb titleLinks={breadcrumb} />
 
         {isEmpty(role) ? (
-          <ErrorPlaceHolder type={ERROR_PLACEHOLDER_TYPE.CUSTOM}>
+          <ErrorPlaceHolder
+            className="h-min-80 border-none"
+            type={ERROR_PLACEHOLDER_TYPE.CUSTOM}>
             <div className="text-center">
               <p>
                 {t('message.no-entity-found-for-name', {

openmetadata-ui/src/main/resources/ui/src/pages/ServiceDetailsPage/ServiceDetailsPage.tsx

@@ -1370,7 +1370,7 @@ const ServiceDetailsPage: FunctionComponent = () => {
         entity: getEntityName(serviceDetails),
       })}>
       {isEmpty(serviceDetails) ? (
-        <ErrorPlaceHolder className="m-0">
+        <ErrorPlaceHolder className="m-0 h-min-80">
           {getEntityMissingError(serviceCategory as string, decodedServiceFQN)}
         </ErrorPlaceHolder>
       ) : (