element-web/res/css/views/elements/_ErrorBoundary.pcss

/*
Copyright 2024 New Vector Ltd.
Copyright 2019 The Matrix.org Foundation C.I.C.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

.mx_ErrorBoundary {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mx_ErrorBoundary_body {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    align-items: center;

    .mx_AccessibleButton {
        margin-top: 5px;
    }
}
Add a basic error boundary for the entire app This adds a basic error boundary around the entire app to catch errors during rendering and present the user with the options on how to proceed. This is not implemented as a modal so that it could be used selectively in portions of the app as well, such as just the `RoomView`. Fixes https://github.com/vector-im/riot-web/issues/11009 2019-10-02 18:26:23 +03:00			`/*`
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint 2024-09-09 16:57:16 +03:00			`Copyright 2024 New Vector Ltd.`
Add a basic error boundary for the entire app This adds a basic error boundary around the entire app to catch errors during rendering and present the user with the options on how to proceed. This is not implemented as a modal so that it could be used selectively in portions of the app as well, such as just the `RoomView`. Fixes https://github.com/vector-im/riot-web/issues/11009 2019-10-02 18:26:23 +03:00			`Copyright 2019 The Matrix.org Foundation C.I.C.`

Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint 2024-09-09 16:57:16 +03:00			`SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only`
			`Please see LICENSE files in the repository root for full details.`
Add a basic error boundary for the entire app This adds a basic error boundary around the entire app to catch errors during rendering and present the user with the options on how to proceed. This is not implemented as a modal so that it could be used selectively in portions of the app as well, such as just the `RoomView`. Fixes https://github.com/vector-im/riot-web/issues/11009 2019-10-02 18:26:23 +03:00			`*/`

			`.mx_ErrorBoundary {`
			`width: 100%;`
			`height: 100%;`
			`display: flex;`
			`align-items: center;`
			`justify-content: center;`
			`}`

			`.mx_ErrorBoundary_body {`
			`display: flex;`
			`flex-direction: column;`
			`max-width: 400px;`
			`align-items: center;`

			`.mx_AccessibleButton {`
			`margin-top: 5px;`
			`}`
			`}`