newbie question: change height and font size component

[frankz]

I need to reduce the size (height) of the text input component and use less vertical separation space between them.
how can I do ?
I should fit 25 lines on one screen (h = 1024px)
how to set defaut font size?

[ilabutk]

Put into a div and use class like q-col-gutter-xs

<div class=“row q-col-gutter-xs”>
<div class=“col-4” v-for=“n in 5” :key="xs-${n}">
<div class=“my-content”> </div>
</div>
Refer to https://quasar.dev/layout/grid/gutter#Classes-“q-gutter-{size}” for more.
</div>

[frankz]

for the space between the components is fine.
but for the size (height) and therefore the font size
of the single component how should I do it?
The component I’m particularly interested in is “input-text”.
example if by default it uses size 14px and font-size 14px I would like to change it 10px and 10px respectively.

[frankz]

or similar to element-ui “input” where you can set size (default, medium, small, mini)