/
githubmirror
/
ChatGPT-Next-Web
Обзор
Документация
Войти
/
githubmirror
/
ChatGPT-Next-Web
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
app/components/button.module.scss
82 строки
1 KB
lyf
fix style slect button
24 сен 2024, 17:25
24 сен 2024, 17:25
fe4cba8
Код
Авторство
О чём код?
.icon-button { background-color: var(--white); border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 10px; cursor: pointer; transition: all 0.3s ease; overflow: hidden; user-select: none; outline: none; border: none; color: var(--black); &[disabled] { cursor: not-allowed; opacity: 0.5; } &.primary { background-color: var(--primary); color: white; path { fill: white !important; } } &.danger { color: rgba($color: red, $alpha: 0.8); border-color: rgba($color: red, $alpha: 0.5); background-color: rgba($color: red, $alpha: 0.05); &:hover { border-color: red; background-color: rgba($color: red, $alpha: 0.1); } path { fill: red !important; } } &:hover, &:focus { border-color: var(--primary); } } .shadow { box-shadow: var(--card-shadow); } .border { border: var(--border-in-light); } .icon-button-icon { width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 600px) { .icon-button { padding: 16px; } } .icon-button-text { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &:not(:first-child) { margin-left: 5px; } }