Merge pull request #444 from Thorium-Sim/release-notes-fix

fix: Improvements to the release notes formatting and navigation.

client/package.json

@@ -15,6 +15,7 @@
     "@dnd-kit/sortable": "^7.0.1",
     "@dnd-kit/utilities": "^3.2.0",
     "@floating-ui/react-dom-interactions": "^0.9.1",
+    "@fontsource/outfit": "^4.5.10",
     "@headlessui/react": "^1.6.6",
     "@mdx-js/mdx": "^2.1.2",
     "@mdx-js/react": "^2.1.2",

client/src/components/Starmap/SystemMarker/SystemLabel.tsx

@@ -30,7 +30,7 @@ const SystemLabel: React.FC<{
   const textTexture = React.useMemo(() => {
     let texture = new TextTexture({
       color,
-      fontFamily: 'Electrolize, "Gill Sans", sans-serif',
+      fontFamily: 'Electrolize, "Outfit", sans-serif',
       fontSize: 128,
       alignment: "right",
       text: name,

client/src/main.tsx

@@ -2,6 +2,7 @@ import ReactDOM from "react-dom/client";
 import "./theme.css";
 import App from "./App";
 import {initializeTabId} from "@thorium/tab-id";
+import "@fontsource/outfit";
 
 initializeTabId();
 

client/src/pages/Releases/index.tsx

@@ -1,13 +1,18 @@
+import {FaArrowLeft} from "react-icons/fa";
 import {Link} from "react-router-dom";
 // Uses a Vite plugin to load the actual data
 import releaseNotes from "./release-notes.json";
 
 const Releases = () => {
   return (
     <div className="overflow-y-auto h-full">
-      <div className="prose lg:prose-xl max-w-prose mx-auto mt-8 ">
-        <Link to="/">Go Back</Link>
-        <h1>Release Notes</h1>
+      <div className="prose lg:prose-base relative max-w-prose mx-auto mt-8 ">
+        <Link
+          to="/"
+          className="fixed block left-4 no-underline z-10 sm:bg-black/70 sm:py-1 sm:px-2 rounded-full sm:hover:bg-white/10"
+        >
+          <FaArrowLeft className="inline -mt-1" /> Go Back
+        </Link>
         <div className="p-8 rounded-box md:mt-16 mb-16 backdrop-filter backdrop-blur backdrop-brightness-50 backdrop-contrast-125 prose-h1:text-xl">
           <div dangerouslySetInnerHTML={{__html: releaseNotes.data}} />
         </div>

client/src/theme.css

@@ -22,8 +22,8 @@ body {
 }
 
 body {
-  font-family: "Gill Sans", system-ui, -apple-system, "Segoe UI", Roboto,
-    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
+    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
 }
 .alert {
   @apply relative flex items-center justify-between p-4 rounded-box bg-neutral text-neutral-content bg-opacity-50;

package.json

@@ -161,7 +161,6 @@
     "access": "restricted"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "web-file-polyfill": "^1.0.4"
+    "react": "^18.2.0"
   }
 }

server/package.json

@@ -44,6 +44,7 @@
     "postcss-less": "^6.0.0",
     "tailwindcss": "^3.1.8",
     "three": "^0.143.0",
+    "web-file-polyfill": "^1.0.4",
     "yaml": "^2.1.1",
     "yauzl": "^2.10.0",
     "yazl": "^2.5.1"