mirror of
https://github.com/open-metadata/OpenMetadata.git
synced 2025-08-26 01:46:26 +00:00
minor(ui): fix placeholder styles (#20910)
* fix: placeholder styles * fix glossary placeholder styles * address pr comments
This commit is contained in:
parent
071b4622bb
commit
4fe9c247e8
@ -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 {
|
||||
|
@ -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}
|
||||
|
@ -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}
|
||||
|
@ -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}
|
||||
|
@ -46,7 +46,6 @@ body.reflex-row-resize {
|
||||
.reflex-container.vertical {
|
||||
flex-direction: row;
|
||||
min-width: 1px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.reflex-container > .reflex-element {
|
||||
|
@ -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,
|
||||
|
@ -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', {
|
||||
|
@ -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>
|
||||
) : (
|
||||
|
Loading…
x
Reference in New Issue
Block a user