Как изменить размер иконок 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>