/
hey_yo
/
Notebook
Обзор
Документация
Войти
/
hey_yo
/
Notebook
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/pages/UserList/UserList.styles.js
57 строк
2 KB
mike.r
learn(styled.emotion): стилизация, доработки, структура
06 май 2026, 16:24
06 май 2026, 16:24
146d71e
Код
Авторство
О чём код?
import styled from "@emotion/styled"; export const Container = styled.div` max-width: 800px; margin: 0 auto; padding: ${props => props.theme.spacing.lg}; `; export const UserItem = styled.div` display: flex; align-items: center; justify-content: space-between; margin-bottom: ${props => props.theme.spacing.md}; `; export const UserButton = styled.button` padding: ${props => `${props.theme.spacing.sm} ${props.theme.spacing.lg}`}; background-color: ${props => props.theme.colors.primary}; color: white; border: none; border-radius: ${props => props.theme.borderRadius.sm}; cursor: pointer; transition: background-color 0.2s; &:hover { background-color: ${props => props.theme.colors.primaryHover}; } `; export const LoadingText = styled.div` text-align: center; padding: ${props => props.theme.spacing.xl}; color: ${props => props.theme.colors.textSecondary}; `; export const ErrorText = styled.div` text-align: center; padding: ${props => props.theme.spacing.xl}; color: ${props => props.theme.colors.error}; `; export const ScrollButton = styled.button` position: fixed; bottom: 20px; right: 20px; padding: ${props => props.theme.spacing.sm} ${props => props.theme.spacing.md}; background-color: ${props => props.theme.colors.primary}; color: white; border: none; border-radius: ${props => props.theme.borderRadius.md}; cursor: pointer; opacity: 0.7; &:hover { opacity: 1; } `;