fix(ui): Update bg color for the tab components (#21976)

* remove extra space visible in glossary term

* revert PR

* fix bg color issue

* update container styles

* updated bg color

* update heights
This commit is contained in:
Sweta Agarwalla 2025-06-27 21:34:06 +05:30 committed by GitHub
parent d1b12650e3
commit 26ae339aff
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 10 additions and 7 deletions

View File

@ -60,6 +60,7 @@
flex: 0.83;
overflow-y: scroll;
padding: @padding-md;
background-color: @white;
}
}

View File

@ -214,7 +214,7 @@ const SampleDataTable = ({
return (
<div
className={classNames('p-md border-default border-radius-sm', {
className={classNames('p-md border-default border-radius-sm bg-white', {
'h-70vh overflow-hidden': isTourPage,
})}
data-testid="sample-data"

View File

@ -18,4 +18,5 @@
border: 1px solid @border-color;
border-radius: @border-radius-sm;
padding: @size-3xl 0px;
background-color: @white;
}

View File

@ -361,7 +361,7 @@ const AppDetails = () => {
),
key: ApplicationTabs.SCHEDULE,
children: (
<div className="h-full bg-white p-lg border-default border-radius-sm">
<div className="bg-white p-lg border-default border-radius-sm">
{appData && (
<AppSchedule
appData={appData}

View File

@ -315,7 +315,7 @@ export const CustomPropertyTable = <T extends ExtentionEntitiesKeys>({
}
return !isEmpty(entityTypeDetail.customProperties) ? (
<div className="h-full custom-properties-card">
<div className="custom-properties-card">
<Row data-testid="custom-properties-card" gutter={[16, 16]}>
{dataSourceColumns.map((columns, colIndex) => (
<Col key={colIndex} span={8}>

View File

@ -36,4 +36,5 @@
padding: @padding-mlg;
border-radius: @border-radius-sm;
border: 1px solid @grey-15;
background-color: @white;
}

View File

@ -44,7 +44,7 @@ const AssignErrorPlaceHolder = ({
<div
className={classNames(
className,
'h-full flex-center border-default border-radius-sm'
'h-full flex-center border-default border-radius-sm bg-white'
)}
data-testid={`assign-error-placeholder-${heading}`}>
<Space align="center" className="w-full" direction="vertical" size={10}>

View File

@ -50,7 +50,7 @@ const CreateErrorPlaceHolder = ({
<div
className={classNames(
className,
'h-full flex-center border-default border-radius-sm'
'h-full flex-center border-default border-radius-sm bg-white'
)}
data-testid={`create-error-placeholder-${heading}`}>
<Space align="center" className="w-full" direction="vertical" size={10}>

View File

@ -33,7 +33,7 @@ const FilterErrorPlaceHolder = ({
<div
className={classNames(
className,
'h-full flex-center border-default border-radius-sm'
'h-full flex-center border-default border-radius-sm bg-white'
)}
data-testid="search-error-placeholder">
<Space align="center" direction="vertical" size={10}>

View File

@ -26,7 +26,7 @@ const PermissionErrorPlaceholder = ({
return (
<div
className={classNames(
'h-full flex-center border-default border-radius-sm',
'h-full flex-center border-default border-radius-sm bg-white',
className
)}>
<Space