Better code clarity with woocommerce-marketing-campaigns-table class name.

This commit is contained in:
Gan Eng Chin 2022-12-21 23:12:10 +08:00
parent 894b77dc96
commit 321145eb2e
No known key found for this signature in database
GPG Key ID: 94D5D972860ADB01
2 changed files with 16 additions and 12 deletions

View File

@ -25,6 +25,7 @@
} }
} }
.woocommerce-marketing-campaigns-table {
.woocommerce-marketing-campaign-logo { .woocommerce-marketing-campaign-logo {
img { img {
display: block; display: block;
@ -42,6 +43,7 @@
.woocommerce-marketing-campaign-description { .woocommerce-marketing-campaign-description {
color: $gray-700; color: $gray-700;
} }
}
.woocommerce-marketing-campaigns-card-footer { .woocommerce-marketing-campaigns-card-footer {
justify-content: center; justify-content: center;

View File

@ -69,6 +69,8 @@ export const Campaigns = () => {
<Card className="woocommerce-marketing-campaigns-card"> <Card className="woocommerce-marketing-campaigns-card">
<CampaignsCardHeader /> <CampaignsCardHeader />
<Table <Table
// this is `classNames`, instead of the correct `className`, due to misnaming in the Table component.
classNames="woocommerce-marketing-campaigns-table"
caption={ __( 'Campaigns', 'woocommerce' ) } caption={ __( 'Campaigns', 'woocommerce' ) }
headers={ [ headers={ [
{ {