mirror of
https://github.com/stackblitz/bolt.new
synced 2025-06-26 18:17:50 +00:00
42 lines
780 B
SCSS
42 lines
780 B
SCSS
.BaseChat {
|
|
&[data-chat-visible='false'] {
|
|
--workbench-inner-width: 100%;
|
|
--workbench-left: 0;
|
|
|
|
.Chat {
|
|
--at-apply: bolt-ease-cubic-bezier;
|
|
transition-property: transform, opacity;
|
|
transition-duration: 0.3s;
|
|
will-change: transform, opacity;
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
position: fixed;
|
|
top: var(--header-height);
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 999;
|
|
background: var(--bolt-elements-bg-depth-1);
|
|
|
|
&[data-chat-visible='false'] {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.Chat {
|
|
opacity: 1;
|
|
|
|
@media (max-width: 768px) {
|
|
width: 100%;
|
|
height: 100%;
|
|
max-width: none;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
}
|