Files
letro-authentication-service/frontend/src/components/GenericError.module.css
Quentin Gliech 76cdec56f0 Replace Jotai with @tanstack/router (#2359)
* Start replacing jotai with @tanstack/router

* Remove jotai completely

* Move the common layout & reimplement the ?action parameter

This also makes sure everything is properly loaded in the route loader,
and we use fragment where it makes sense

* Change the default error component

* GraphQL API: make the sessions fetchable through node(id: ID!)
2024-02-15 17:19:05 +01:00

50 lines
1.4 KiB
CSS

/* Copyright 2024 The Matrix.org Foundation C.I.C.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.error {
display: flex;
flex-direction: column;
gap: var(--cpd-space-4x);
}
.message {
display: flex;
flex-direction: column;
gap: var(--cpd-space-2x);
text-align: center;
&>p {
color: var(--cpd-color-text-secondary);
}
}
.icon {
align-self: center;
height: var(--cpd-space-16x);
width: var(--cpd-space-16x);
padding: var(--cpd-space-3x);
border-radius: var(--cpd-space-2x);
background-color: var(--cpd-color-bg-critical-subtle);
color: var(--cpd-color-icon-critical-primary);
}
.details {
font: var(--cpd-font-body-sm-regular);
background: var(--cpd-color-bg-critical-subtle);
border: 1px solid var(--cpd-color-border-critical-subtle);
padding: var(--cpd-space-4x);
text-align: initial;
}