fix: Mobile view

Author: HazAT

app/changelog/layout.tsx

@@ -4,29 +4,14 @@ import 'prism-sentry/index.css';
 import {ReactNode} from 'react';
 import {Theme} from '@radix-ui/themes';
 import type {Metadata} from 'next';
-import localFont from 'next/font/local';
+import {Rubik} from 'next/font/google';
 
 import {Navbar} from 'sentry-docs/components/changelog/navbar';
 
-const rubik = localFont({
-  src: [
-    {
-      path: '../../src/fonts/rubik-regular.woff2',
-      weight: 'normal',
-      style: 'normal',
-    },
-    {
-      path: '../../src/fonts/rubik-medium.woff2',
-      weight: '500',
-      style: 'normal',
-    },
-    {
-      path: '../../src/fonts/rubik-italic.woff2',
-      weight: 'normal',
-      style: 'italic',
-    },
-  ],
-  variable: '--font-rubik',
+const rubik = Rubik({
+  weight: ['400', '500', '700'],
+  style: ['normal', 'italic'],
+  subsets: ['latin'],
 });
 
 export const metadata: Metadata = {
@@ -36,7 +21,7 @@ export const metadata: Metadata = {
 export default function ChangelogLayout({children}: {children: ReactNode}) {
   return (
     <Theme accentColor="violet" grayColor="sand" radius="large" scaling="95%">
-      <div className={`${rubik.variable} font-sans`}>
+      <div className={`${rubik.className} font-sans`}>
         <Navbar />
         <div className="bg-gray-100">{children}</div>
         <div className="w-full mx-auto h-16 relative bg-darkPurple">

src/components/changelog/navbar.tsx

@@ -14,7 +14,7 @@ export function Navbar() {
         >
           <Image src={SentryWordmarkSVG} alt="Sentry's logo" width={150} />
         </a>
-        <div className="flex space-x-4">
+        <div className="flex space-x-4 hidden md:block">
           <Link
             className="hover:bg-gray-100 rounded-md px-3 py-2 text-sm font-medium uppercase"
             href="/changelog"
@@ -24,14 +24,14 @@ export function Navbar() {
 
           <Link
             className="hover:bg-gray-100 rounded-md px-3 py-2 text-sm font-medium uppercase"
-            href="/"
+            href="https://docs.sentry.io/"
           >
             Documentation
           </Link>
 
           <Link
             className="hover:bg-gray-100 rounded-md px-3 py-2 text-sm font-medium uppercase"
-            href="/"
+            href="https://sentry.io/signup/"
           >
             Get started
           </Link>