From 135ec95b4851d90342a34819ce9b95631eaba7d5 Mon Sep 17 00:00:00 2001 From: pheralb Date: Fri, 5 Apr 2024 11:53:49 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Website=20design=20improvements?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- website/src/components/hero/index.tsx | 12 +++++- website/src/root.tsx | 60 ++++++++++++++++----------- 2 files changed, 45 insertions(+), 27 deletions(-) diff --git a/website/src/components/hero/index.tsx b/website/src/components/hero/index.tsx index 0ec556f..bafbcd7 100644 --- a/website/src/components/hero/index.tsx +++ b/website/src/components/hero/index.tsx @@ -32,9 +32,17 @@ const Hero = () => {
-

- Files & folders icons by Miguel Solorio +

+ Beautifully File & Folder Icons

+ +

+ 🎨 Designed by{" "} + + Miguel Solorio + +

+
📦 diff --git a/website/src/root.tsx b/website/src/root.tsx index 659f3b7..85f1169 100644 --- a/website/src/root.tsx +++ b/website/src/root.tsx @@ -26,18 +26,18 @@ import ArrowLeft from "./components/icons/arrowLeft" export const links: LinksFunction = () => [ { rel: "stylesheet", href: stylesheet }, { - rel: 'preload', - as: 'font', - href: '/fonts/GeneralSans-Variable.woff2', - type: 'font/woff2', - crossOrigin: 'anonymous', + rel: "preload", + as: "font", + href: "/fonts/GeneralSans-Variable.woff2", + type: "font/woff2", + crossOrigin: "anonymous", }, { - rel: 'preload', - as: 'font', - href: '/fonts/Hack.woff2', - type: 'font/woff2', - crossOrigin: 'anonymous', + rel: "preload", + as: "font", + href: "/fonts/Hack.woff2", + type: "font/woff2", + crossOrigin: "anonymous", }, { rel: "apple-touch-icon", @@ -72,21 +72,31 @@ export const meta: MetaFunction = () => { name: "description", content: "Symbols VSCode Icons Theme by Miguel Solorio, for React.", }, - ]; -}; + ] +} // Root Component: export default function App() { return ( - + - + - - + + @@ -96,10 +106,7 @@ export default function App() { name="twitter:image" content="https://react-symbols.vercel.app/images/og.png" /> - + @@ -129,7 +136,7 @@ export default function App() { // Custom error 4xx/5xx Page: export function ErrorBoundary() { - const error = useRouteError(); + const error = useRouteError() if (isRouteErrorResponse(error)) { return ( @@ -148,7 +155,10 @@ export function ErrorBoundary() {

{error.status}

{error.statusText}

- + Go Home @@ -160,7 +170,7 @@ export function ErrorBoundary() { - ); + ) } - return null; -} \ No newline at end of file + return null +}