Материал пользовательского интерфейса Аватар добавить высоту - PullRequest
0 голосов
/ 16 июня 2020

Я пытаюсь добавить высоту (тень) к компоненту MUI Avatar https://material-ui.com/components/avatars/#image -avatars .

<Avatar alt="Cindy Baker" src="/static/images/avatar/3.jpg" />

Заключение аватара в paper или Card увеличивает радиус.

Я также пробовал установить boxShadow аватара, используя makeStyles и тень MUI https://material-ui.com/system/shadows/, но безуспешно.

Ответы [ 2 ]

1 голос
/ 16 июня 2020

Хорошо, я тестировал, и он работает с тенью. Вот мой код:

import React from 'react'
import { makeStyles } from '@material-ui/styles'
import Avatar from '@material-ui/core/Avatar'

export default () => {

    const classes = useClasses()

    return (
        <Avatar
            className={classes.avatar}
            alt="Cindy Baker"
            src="/static/images/avatar/3.jpg"
        />
    )
}

const useClasses = makeStyles(theme => ({
    avatar: {
        boxShadow: theme.shadows[3],
    }
}))
0 голосов
/ 16 июня 2020

Сам нашел альтернативное решение:

                   <Avatar  component={Paper} elevation={2}>
                        <DirectionsCarIcon  />
                    </Avatar>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...