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,22 +25,24 @@
} }
} }
.woocommerce-marketing-campaign-logo { .woocommerce-marketing-campaigns-table {
img { .woocommerce-marketing-campaign-logo {
display: block; img {
display: block;
}
} }
}
.woocommerce-marketing-campaign-title { .woocommerce-marketing-campaign-title {
a { a {
color: #007cba; color: #007cba;
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
}
} }
}
.woocommerce-marketing-campaign-description { .woocommerce-marketing-campaign-description {
color: $gray-700; color: $gray-700;
}
} }
.woocommerce-marketing-campaigns-card-footer { .woocommerce-marketing-campaigns-card-footer {

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={ [
{ {