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

* fix: placeholder styles

* fix glossary placeholder styles

* address pr comments
This commit is contained in:
Pranita Fulsundar 2025-04-24 18:43:37 +05:30 committed by GitHub
parent 071b4622bb
commit 4fe9c247e8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 12 additions and 11 deletions

View File

@ -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 {

View File

@ -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}

View File

@ -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}

View File

@ -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}

View File

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

View File

@ -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,

View File

@ -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', {

View File

@ -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>
) : (