diff --git a/components/GridRepCollection/index.scss b/components/GridRepCollection/index.scss index 27c46a68..9044fe6c 100644 --- a/components/GridRepCollection/index.scss +++ b/components/GridRepCollection/index.scss @@ -3,6 +3,7 @@ display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); margin: 0 auto; + margin-top: $unit-2x; padding: 0; padding-top: $unit-fourth; transition: opacity 0.14s ease-in-out; diff --git a/components/Layout/index.tsx b/components/Layout/index.tsx index 4717da7b..20ffa423 100644 --- a/components/Layout/index.tsx +++ b/components/Layout/index.tsx @@ -77,9 +77,7 @@ const Layout = ({ children }: PropsWithChildren) => { return ( <> - {/* {appState.version ? ServerAvailable() : ''} */} - - {updateToast()} + {appState.version ? ServerAvailable() : ''}
{children}
) diff --git a/pages/_app.tsx b/pages/_app.tsx index 06cc101b..92ff0856 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -36,8 +36,7 @@ function MyApp({ Component, pageProps }: AppProps) { useEffect(() => () => unsubscribe(), []) useEffect(() => { - console.log('granblue.team version:') - console.log(appState.version) + console.log(`granblue.team version: ${appState.version?.version}`) }, []) const accountCookie = getCookie('account') @@ -135,11 +134,11 @@ function MyApp({ Component, pageProps }: AppProps) { - - {/* {!appState.version ? ( + {!appState.version ? ( serverUnavailable() ) : ( - )} */} + + )} diff --git a/styles/globals.scss b/styles/globals.scss index b868d270..23fe54e9 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -160,21 +160,6 @@ select { gap: $unit * 2; } - #NotFound { - height: 200px; - width: 400px; - margin: auto; - display: flex; - justify-content: center; - align-items: center; - - h2 { - color: $grey-60; - font-size: $font-regular; - text-align: center; - } - } - img.profile { background: $grey-90; @@ -207,16 +192,6 @@ select { } } - i.tag { - background: var(--tag-bg); - color: var(--tag-text); - border-radius: calc($unit / 2); - font-size: 10px; - font-weight: $bold; - padding: 4px 6px; - text-transform: uppercase; - } - .infinite-scroll-component { overflow: hidden !important; } @@ -281,6 +256,16 @@ select { } } +.MenuItem i.tag { + background: var(--tag-bg); + color: var(--tag-text); + border-radius: calc($unit / 2); + font-size: 10px; + font-weight: $bold; + padding: 4px 6px; + text-transform: uppercase; +} + .ServerUnavailableWrapper { display: flex; align-items: center; @@ -407,3 +392,18 @@ select { } } } + +#NotFound { + height: 200px; + width: 400px; + margin: auto; + display: flex; + justify-content: center; + align-items: center; + + h2 { + color: $grey-60; + font-size: $font-regular; + text-align: center; + } +}