yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-08-23 08:28:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change UI for explore page (#1647)

Browse Source
This commit is contained in:
Shailesh Parmar 2021-12-10 10:19:47 +05:30 committed by GitHub
parent c8c57de37e
commit aaedbdc445
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
openmetadata-ui/src/main/resources/ui/src/components/Explore/Explore.component.tsx
View File

@ -390,11 +390,11 @@ const Explore: React.FC<ExploreProps> = ({
const getTabs = () => { const getTabs = () => {
return ( return (
<div className="tw-mb-5"> <div className="tw-mb-5">
<nav className="tw-flex tw-flex-row tw-gh-tabs-container tw-px-5 tw-pl-16 tw-mx-6 tw-justify-between"> <nav className="tw-flex tw-flex-row tw-gh-tabs-container tw-mx-6 tw-justify-around">
<div> <div>
{tabsInfo.map((tabDetail, index) => ( {tabsInfo.map((tabDetail, index) => (
<button <button
className={`tw-pb-2 tw-px-4 tw-gh-tabs ${getActiveTabClass( className={`tw-pb-2 tw-pr-6 tw-gh-tabs ${getActiveTabClass(
tabDetail.tab tabDetail.tab
)}`} )}`}
data-testid="tab" data-testid="tab"
@ -408,7 +408,9 @@ const Explore: React.FC<ExploreProps> = ({
icon={tabDetail.icon} icon={tabDetail.icon}
/> />
{tabDetail.label} {tabDetail.label}
{getTabCount(tabDetail.index, tabDetail.tab === currentTab)} <span className="tw-pl-2">
{getTabCount(tabDetail.index, tabDetail.tab === currentTab)}
</span>
</button> </button>
))} ))}
</div> </div>

2
openmetadata-ui/src/main/resources/ui/src/components/containers/PageLayout.tsx
View File

@ -28,7 +28,7 @@ const PageLayout: FC<PageLayoutProp> = ({
return ( return (
<div <div
className={classNames( className={classNames(
'page-layout-container tw-gap-x-3 tw-px-4 tw-overflow-y-auto', 'page-layout-container tw-gap-x-3 tw-px-12 tw-overflow-y-auto',
{ {
'page-layout-container-left-center-right': 'page-layout-container-left-center-right':
leftPanel && children && rightPanel, leftPanel && children && rightPanel,