Use !important to force padding:0 (https://github.com/woocommerce/woocommerce-admin/pull/7594)
* Use !important to force padding:0 * Remove card body component
This commit is contained in:
parent
59f0ffd1a6
commit
0a1a07cc54
|
@ -4,13 +4,7 @@
|
|||
import { __ } from '@wordpress/i18n';
|
||||
import { useSelect } from '@wordpress/data';
|
||||
import { Fragment } from '@wordpress/element';
|
||||
import {
|
||||
TabPanel,
|
||||
Card,
|
||||
CardHeader,
|
||||
CardBody,
|
||||
CardFooter,
|
||||
} from '@wordpress/components';
|
||||
import { TabPanel, Card, CardHeader, CardFooter } from '@wordpress/components';
|
||||
import { get, xor } from 'lodash';
|
||||
import {
|
||||
EllipsisMenu,
|
||||
|
@ -122,46 +116,44 @@ export const StatsOverview = () => {
|
|||
) }
|
||||
/>
|
||||
</CardHeader>
|
||||
<CardBody>
|
||||
<TabPanel
|
||||
className="woocommerce-stats-overview__tabs"
|
||||
onSelect={ ( period ) => {
|
||||
recordEvent( 'statsoverview_date_picker_update', {
|
||||
period,
|
||||
} );
|
||||
} }
|
||||
tabs={ [
|
||||
{
|
||||
title: __( 'Today', 'woocommerce-admin' ),
|
||||
name: 'today',
|
||||
},
|
||||
{
|
||||
title: __( 'Week to date', 'woocommerce-admin' ),
|
||||
name: 'week',
|
||||
},
|
||||
{
|
||||
title: __( 'Month to date', 'woocommerce-admin' ),
|
||||
name: 'month',
|
||||
},
|
||||
] }
|
||||
>
|
||||
{ ( tab ) => (
|
||||
<Fragment>
|
||||
{ ! jetPackIsConnected &&
|
||||
! userDismissedJetpackInstall && (
|
||||
<InstallJetpackCTA />
|
||||
) }
|
||||
<StatsList
|
||||
query={ {
|
||||
period: tab.name,
|
||||
compare: 'previous_period',
|
||||
} }
|
||||
stats={ activeStats }
|
||||
/>
|
||||
</Fragment>
|
||||
) }
|
||||
</TabPanel>
|
||||
</CardBody>
|
||||
<TabPanel
|
||||
className="woocommerce-stats-overview__tabs"
|
||||
onSelect={ ( period ) => {
|
||||
recordEvent( 'statsoverview_date_picker_update', {
|
||||
period,
|
||||
} );
|
||||
} }
|
||||
tabs={ [
|
||||
{
|
||||
title: __( 'Today', 'woocommerce-admin' ),
|
||||
name: 'today',
|
||||
},
|
||||
{
|
||||
title: __( 'Week to date', 'woocommerce-admin' ),
|
||||
name: 'week',
|
||||
},
|
||||
{
|
||||
title: __( 'Month to date', 'woocommerce-admin' ),
|
||||
name: 'month',
|
||||
},
|
||||
] }
|
||||
>
|
||||
{ ( tab ) => (
|
||||
<Fragment>
|
||||
{ ! jetPackIsConnected &&
|
||||
! userDismissedJetpackInstall && (
|
||||
<InstallJetpackCTA />
|
||||
) }
|
||||
<StatsList
|
||||
query={ {
|
||||
period: tab.name,
|
||||
compare: 'previous_period',
|
||||
} }
|
||||
stats={ activeStats }
|
||||
/>
|
||||
</Fragment>
|
||||
) }
|
||||
</TabPanel>
|
||||
<CardFooter>
|
||||
<Link
|
||||
className="woocommerce-stats-overview__more-btn"
|
||||
|
|
|
@ -80,10 +80,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.components-card__body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.components-card__footer.is-size-large {
|
||||
padding: 0 $gap-smaller;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue