Как изменить размер иконок Svelte Material UI?

Я использую пользовательский интерфейс Svelte Material и очень новичок в Svelte.

Я понимаю, что могу выбратьsize?: 'normal' | 'mini' | 'button';

Мне нужна очень большая кнопка.

Как изменить размер IconButton на 60 пикселей?

      <script>
    import IconButton, { Icon } from '@smui/icon-button';
    import { mdiPlusCircle } from '@mdi/js';
    import { Svg } from '@smui/common';
</script>

<div class="container">
    <div class="new-request">
        <div>
            <IconButton class="material-icons" size="normal">
                <Icon component={Svg} viewBox="0 0 24 24">
                    <path fill="currentColor" d={mdiPlusCircle} />
                </Icon>
            </IconButton>
        </div>
        <div class="mdc-typography--overline" style="font-size:1.8rem;">New request</div>
    </div>
</div>

<style>
    .container {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        margin: auto;
        height: 100%;
    }
    .new-request {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
</style>

0 ответов

Другие вопросы по тегам