如何根据所选选项卡设置不同高度的 Microsoft PowerBI 样式？

Question

目前，我正在使用 power-bi-client-react 中的 PowerBIEmbed，并使用 cssClassName 传递样式类。但是，CSS 正在应用于所有选项卡。如何根据所选选项卡应用不同的高度？

我有以下 Report.js：

<PowerBIEmbed
   embedConfig={embedReportConfig}
   eventHandlers={eventHandlersMap}
   cssClassName="report-overview-container"
   getEmbeddedComponent={(embedObject) => {
     setReport(embedObject);
   }}
/>

和Report.css：

.report-overview-container {
    display: flex;
    flex-direction: column;
    height: 1280px;
 }

有没有办法为每个选项卡应用不同的高度？类似于以下内容：

cssClassName = {showTab1? "small-height" : "medium-height"}

非常感谢