/
githubmirror
/
angular
Обзор
Документация
Войти
/
githubmirror
/
angular
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
adev/src/app/editor/preview/preview.component.scss
57 строк
1 KB
Kam
feat(docs-infra): add Angie to the embedded editor loading steps
09 июл 2026, 22:00
09 июл 2026, 22:00
c92d995
Код
Авторство
О чём код?
:host { display: block; .docs-dark-mode & { .adev-embedded-editor-preview-container { background: var(--primary-constrast); } } // account for tabs height height: calc(100% - 50px); // If preview has error, make it scrollable &:has(.adev-preview-error) { .adev-embedded-editor-preview-container { overflow-y: auto; } } } .adev-embedded-editor-preview-container { display: flex; width: 100%; height: 100%; position: relative; color: black; background: white; transition: background 0.3s ease; box-sizing: border-box; iframe { width: 100%; height: 100%; border: 0; } .adev-embedded-editor-preview-loading { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem; position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; background: white; .adev-embedded-editor-preview-loading-angie { width: 96px; height: 84px; object-fit: contain; margin-block-end: -0.25rem; } } }