/
DevDenzo
/
DigitalStore
Обзор
Документация
Войти
/
DevDenzo
/
DigitalStore
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Header/SearchBar.css
56 строк
1 KB
Denis Sklyarskij
последние доработки перед релизом
28 ноя 2025, 18:43
28 ноя 2025, 18:43
6bdaafb
Код
Авторство
О чём код?
.search-bar { display: flex; justify-content: space-between; background-color: #e0e0e0; padding: 12px 200px; /* Адаптируем под планшеты и смартфоны */ @media (max-width: 1024px) { padding: 6px 12px; flex-direction: row; align-items: stretch; gap: 12px; } } .search-bar__button-link { height: 34px; display: inline-flex; align-items: center; padding: 6px 12px; text-decoration: none; border: 0; background-color: #cc4c4c; color: #ffffff; border-radius: 4px; /* Адаптация под мобильные устройства */ @media (max-width: 1024px) { width: 32px; height: 32px; justify-content: center; } } .search-bar__button-link--active { background-color: #900000; } .search-bar__button-link:focus-visible { outline: none; } .search-bar__tagline { display: flex; align-items: center; color: #6c757d; font-weight: 500; font-size: 16px; /* Адаптация под мобильные устройства */ @media (max-width: 1024px) { font-size: 12px; text-align: center; margin-top: 4px; } }