/
Codename-Nik
/
weather
Обзор
Документация
Войти
/
Codename-Nik
/
weather
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/AutocompleteInput/styles.module.scss
67 строк
1 KB
Nikolay Pokhodnya
first commit
06 июл 2025, 00:51
06 июл 2025, 00:51
9b2ce08
Код
Авторство
О чём код?
.autocomplete { position: relative; margin-bottom: 1.5rem; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; .form-control { padding: 0.75rem 1rem; border-radius: 0.5rem; border: 1px solid var(--bs-gray-400); font-size: 1rem; transition: border-color 0.2s ease; &:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } } .suggestions { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; max-height: 300px; overflow-y: auto; margin-top: 0.25rem; border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); border: 1px solid var(--bs-gray-300); background-color: white; .list-group-item { padding: 0.75rem 1rem; border: none; border-bottom: 1px solid var(--bs-gray-200); cursor: pointer; transition: background-color 0.2s ease; &:last-child { border-bottom: none; } &:hover, &:focus { background-color: var(--bs-light); color: var(--bs-primary); } &.active { background-color: var(--bs-primary); color: white; } } } @media (max-width: 768px) { max-width: 100%; .suggestions { max-height: 200px; } } }