/
guselnikov
/
inst
Обзор
Документация
Войти
/
guselnikov
/
inst
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
admin/src/components/auto-post/ContentCalendar.module.css
107 строк
2 KB
Viktor Guselnikov
first_commit
07 июл 2026, 11:54
07 июл 2026, 11:54
098126a
Код
Авторство
О чём код?
.calendar { display: flex; flex-direction: column; gap: 20px; } .toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .monthLabel { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -0.02em; } .nav { display: flex; gap: 6px; } .grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; } .weekday { text-align: center; font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-faint); padding: 6px 0; } .day { min-height: 88px; padding: 8px; border: 1px solid transparent; border-radius: var(--radius-sm); background: var(--bg-muted); cursor: pointer; text-align: left; transition: background var(--transition), border-color var(--transition); } .day:hover { background: var(--bg-elevated); border-color: var(--border); } .dayOutside { opacity: 0.35; } .dayToday { box-shadow: inset 0 0 0 1px var(--accent); } .dayNum { font-size: 12px; font-weight: 600; margin-bottom: 6px; font-family: var(--font-mono); color: var(--text-secondary); } .events { display: flex; flex-direction: column; gap: 3px; } .event { font-size: 10px; padding: 3px 6px; border-radius: var(--radius-xs); background: var(--warning-soft); color: var(--warning); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eventDraft { background: var(--bg-hover); color: var(--text-muted); } .eventPublished { background: var(--success-soft); color: var(--success); } .more { font-size: 9px; color: var(--text-faint); }