1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/error-boundary/error-boundary.scss
Alex Andreev d40bd0c7d0
Making error boundary layout responsive (#2124)
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
2021-02-12 10:19:52 +03:00

25 lines
499 B
SCSS

.ErrorBoundary {
--flex-gap: #{$padding * 2};
padding: var(--flex-gap);
word-break: break-all;
.wrapper {
display: grid;
grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
column-gap: 12px;
row-gap: 12px;
@media screen and (max-width: 900px) {
grid-template-columns: auto;
}
}
code {
max-height: none;
border: 5px solid $borderFaintColor;
white-space: pre-wrap;
background: $contentColor;
color: $textColorSecondary;
}
}