gpt_chat_bot/app/chat-gpt/client/css/stop-generating.css
Dmitry Afanasyev a95403f594
Feat/fix start (#1)
format code
2023-09-16 20:09:40 +03:00

39 lines
604 B
CSS

.stop-generating {
position: absolute;
bottom: 128px;
left: 50%;
transform: translateX(-50%);
z-index: 1000000;
}
.stop-generating button {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background-color: var(--blur-bg);
color: var(--colour-3);
cursor: pointer;
animation: show_popup 0.4s;
}
@keyframes show_popup {
from {
opacity: 0;
transform: translateY(10px);
}
}
@keyframes hide_popup {
to {
opacity: 0;
transform: translateY(10px);
}
}
.stop-generating-hiding button {
animation: hide_popup 0.4s;
}
.stop-generating-hidden button {
display: none;
}