granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update ErrorSection styles

Browse source
This commit is contained in:
Justin Edmund 2023-07-02 02:23:32 -07:00
parent b8b3f2fffb
commit 48d451d136
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/ErrorSection/index.module.scss
View file

@ -1,4 +1,4 @@
section.Error { .error {
align-items: center; align-items: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -9,14 +9,13 @@ section.Error {
height: 60vh; height: 60vh;
text-align: center; text-align: center;
.Code { .code {
color: var(--text-secondary); color: var(--text-secondary);
font-size: $font-tiny; font-size: $font-tiny;
font-weight: $bold; font-weight: $bold;
} }
.Button { p {
margin-top: $unit-2x; margin-bottom: $unit-4x;
width: fit-content;
} }
} }

4
components/ErrorSection/index.tsx
View file

@ -24,7 +24,7 @@ const ErrorSection = ({ status }: Props) => {
const errorBody = () => { const errorBody = () => {
return ( return (
<> <>
<div className="Code">{status.code}</div> <div className={styles.code}>{status.code}</div>
<h1>{t(`errors.${statusText}.title`)}</h1> <h1>{t(`errors.${statusText}.title`)}</h1>
<p>{t(`errors.${statusText}.description`)}</p> <p>{t(`errors.${statusText}.description`)}</p>
</> </>
@ -32,7 +32,7 @@ const ErrorSection = ({ status }: Props) => {
} }
return ( return (
<section className="Error"> <section className={styles.error}>
{errorBody()} {errorBody()}
{[401, 404].includes(status.code) ? ( {[401, 404].includes(status.code) ? (
<Link href="/new"> <Link href="/new">