/
outthevoid
/
frontend_developer_module_5
Обзор
Документация
Войти
/
outthevoid
/
frontend_developer_module_5
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/ui/button/style.js
31 строка
738 B
darthmorgot
Добавил импорт Link и применил его в коде, мелкие правки кода.
12 фев 2024, 17:10
12 фев 2024, 17:10
404fd36
Код
Авторство
О чём код?
import styled from 'styled-components'; import {Link} from 'react-router-dom'; export const StyledButton = styled(Link)` display: block; width: ${props => props.$maxWidth ? '100%' : '260px'}; padding-top: 17px; padding-bottom: 16px; margin: 0 auto; background-color: ${props => props.theme.seaBuckthorn}; text-align: center; color: ${props => props.theme.white}; font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%; cursor: pointer; &:hover { background: ${props => props.theme.crusta}; } &:active { box-shadow: 0 4px 0 0 ${props => props.theme.blackZeroOneFour} inset; } &:focus { outline: 1px solid ${props => props.theme.crusta}; outline-offset: 2px; } `;