How to change the height of the content of a tab?

[xulihang]

I would like to know how to change the height of the content of a tab to a value like "100vh".

I am trying with this but it does not work.

<nz-tab nzTitle="Scan" class="scan-tab">
</nz-tab>

.scan-tab {
  height: 100vh;
}

[catherinekennedy]

Hi,
In order to change the height of the content of a tab. you need to specify the class="scan-tab" in the nz-tabset and not in the nz-tab

I hope this will help you :)

[victourNwafor]

please how can I change the font-size of the nzTitle ?

[ParsaArvanehPA]

Hi @vicSoftcode
The reason that op's style didn't change is due to Angular's view encapsulation. Whenever you want to change an inner component's style, either one of Ng-zorro's components or even one of your own components from an uppper level, you need to use ::ng-deep.

In this scenario, you need to write:

::ng-deep {
  .ant-tabs-tab-btn {
    font-size: 2.4rem;
  }
}

Also it is recommended to wrap your ::ng-deep inside of :host, otherwise the scope of the ::ng-deep will be global; but with :host, it only effects components styles' from the current node downward.