hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Making error boundary layout responsive (#2124)

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-02-12 10:19:52 +03:00 committed by GitHub
parent f7f2d445a1
commit d40bd0c7d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/components/error-boundary/error-boundary.scss
View File

@ -4,6 +4,17 @@
padding: var(--flex-gap); padding: var(--flex-gap);
word-break: break-all; 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 { code {
max-height: none; max-height: none;
border: 5px solid $borderFaintColor; border: 5px solid $borderFaintColor;

2
src/renderer/components/error-boundary/error-boundary.tsx
View File

@ -49,7 +49,7 @@ export class ErrorBoundary extends React.Component<Props, State> {
<p> <p>
To help us improve the product please report bugs to {slackLink} community or {githubLink} issues tracker. To help us improve the product please report bugs to {slackLink} community or {githubLink} issues tracker.
</p> </p>
<div className="flex gaps"> <div className="wrapper">
<code className="block"> <code className="block">
<p className="contrast">Component stack:</p> <p className="contrast">Component stack:</p>
{errorInfo.componentStack} {errorInfo.componentStack}