/
gutguty
/
first-spring
Обзор
Документация
Войти
/
gutguty
/
first-spring
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
client/src/components/CardModal/CardModal.css
70 строк
1 KB
Bogdan
Add styles
23 июл 2026, 12:16
23 июл 2026, 12:16
aac1914
Код
Авторство
О чём код?
.cardModal { position: fixed; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; } .cardModal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); } .cardModal__inner { position: relative; z-index: 1; background: var(--bg-card); border-radius: var(--radius); overflow: hidden; display: flex; min-width: 500px; } .cardModal__button-close { position: absolute; top: 16px; right: 16px; background: transparent; color: var(--text); font-size: 18px; } .cardModal__image { width: 240px; flex-shrink: 0; } .cardModal__image img { width: 100%; height: 100%; object-fit: cover; } .cardModal__description { display: flex; flex-direction: column; gap: 8px; padding: 24px; } .cardModal__title { font-size: 20px; font-weight: 600; } .cardModal__price { font-size: 18px; font-weight: 600; color: var(--accent); } .cardModal__button { padding: 10px; background: var(--accent); color: #fff; border-radius: var(--radius); margin-top: auto; }