Change UI for explore page (#1647)

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

View File

@ -390,11 +390,11 @@ const Explore: React.FC<ExploreProps> = ({
const getTabs = () => {
return (
<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>
{tabsInfo.map((tabDetail, index) => (
<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
)}`}
data-testid="tab"
@ -408,7 +408,9 @@ const Explore: React.FC<ExploreProps> = ({
icon={tabDetail.icon}
/>
{tabDetail.label}
{getTabCount(tabDetail.index, tabDetail.tab === currentTab)}
<span className="tw-pl-2">
{getTabCount(tabDetail.index, tabDetail.tab === currentTab)}
</span>
</button>
))}
</div>

View File

@ -28,7 +28,7 @@ const PageLayout: FC<PageLayoutProp> = ({
return (
<div
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':
leftPanel && children && rightPanel,