From 8ea4c201378cf50731704560348a55d5af16ba9b Mon Sep 17 00:00:00 2001 From: Rainnny7 Date: Sun, 21 Apr 2024 22:03:53 -0400 Subject: [PATCH] Make docs responsive on mobile --- Frontend/docs/home.md | 151 ++---------------- .../app/(pages)/docs/[[...slug]]/layout.tsx | 2 +- .../src/app/(pages)/docs/[[...slug]]/page.tsx | 2 +- Frontend/src/app/components/docs/sidebar.tsx | 4 +- Frontend/src/app/components/ui/breadcrumb.tsx | 2 +- 5 files changed, 16 insertions(+), 145 deletions(-) diff --git a/Frontend/docs/home.md b/Frontend/docs/home.md index 5562615..b0e5b9c 100644 --- a/Frontend/docs/home.md +++ b/Frontend/docs/home.md @@ -4,146 +4,17 @@ published: '04-19-2024' summary: 'Get started with RESTfulMC! duis numquam himenaeos lectus quisque assueverit aperiri' --- -[//]: # (# Get started with RESTfulMC!) +# Get started with RESTfulMC! +Welcome to the RESTfulMC documentation! feugait pertinax duis laudem vix integer tempus conubia graece interpretaris -[//]: # (Welcome to the RESTfulMC documentation! feugait pertinax duis laudem vix integer tempus conubia graece interpretaris) +## Table of Contents +* [Get started with RESTfulMC!](#get-started-with-restfulmc) + * [Features](#features) -[//]: # () -[//]: # (## Table of Contents) +## Features +Some of the core features of RESTfulMC include: -[//]: # (- [Get started with RESTfulMC!](#get-started-with-restfulmc)) - -[//]: # ( - [Features](#features)) - -[//]: # () -[//]: # (## Features) - -[//]: # (Some of the core features of RESTfulMC include:) - -[//]: # () -[//]: # (| Feature | Description |) - -[//]: # (|-------------------------:|------------------------------------------------------------------:|) - -[//]: # (| [Player Lookup](/player) | praesent omittam mollis maximus has pretium mediocritatem eripuit |) - -[//]: # (| [Server Lookup](/server) | sapien faucibus numquam ponderum utamur himenaeos menandri tation |) -# Heading level 1 -I really like using Markdown. - -``` -"use client"; - -import { ThemeProvider as NextThemesProvider } from "next-themes"; -import { type ThemeProviderProps } from "next-themes/dist/types"; - -/** - * The provider of themes!! - */ -const ThemeProvider = ({ children, ...props }: ThemeProviderProps) => ( - {children} -); -export default ThemeProvider; -``` - -```typescript -"use client"; - -import { ThemeProvider as NextThemesProvider } from "next-themes"; -import { type ThemeProviderProps } from "next-themes/dist/types"; - -/** - * The provider of themes!! - */ -const ThemeProvider = ({ children, ...props }: ThemeProviderProps) => ( - {children} -); -export default ThemeProvider; -``` - - -I think I'll use it to format all of my documents from now on. - -## Heading level 2 -### Heading level 3 -#### Heading level 4 -##### Heading level 5 -###### Heading level 6 - -Heading level 1 -=============== - -Heading level 2 ---------------- - -I just love **bold text**. -I just love __bold text__. - -This text is ***really important***. -This text is ___really important___. -This text is __*really important*__. -This text is **_really important_**. -This is really***very***important text. - -> Dorothy followed her through many of the beautiful rooms in her castle. -> -> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood. - -> Dorothy followed her through many of the beautiful rooms in her castle. -> ->> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood. - -> #### The quarterly results look great! -> -> - Revenue was off the chart. -> - Profits were higher than ever. - > - > *Everything* is going according to **plan**. - -1. First item -2. Second item -3. Third item -4. Fourth item - -1. First item -2. Second item -3. Third item - 1. Indented item - 2. Indented item -4. Fourth item - -- First item -- Second item -- Third item -- Fourth item - -* First item -* Second item -* Third item -* Fourth item - -+ First item -+ Second item -+ Third item -+ Fourth item - -- First item -- Second item -- Third item - - Indented item - - Indented item -- Fourth item - -At the command prompt, type `nano`. - -``Use `code` in your Markdown file.`` - - - -*** - ---- - -_________________ - -My favorite search engine is [Duck Duck Go](https://duckduckgo.com). \ No newline at end of file +| Feature | Description | +|--------------------------|:----------------------------------------------------------------------------------------------------------------------------------:| +| [Player Lookup](/player) | praesent omittam mollis maximus has pretium mediocritatem eripuit interesset adversarium inceptos tempor placerat deserunt tritani | +| [Server Lookup](/server) | sapien faucibus numquam ponderum utamur himenaeos menandri tation regione integer aliquam qualisque equidem euismod tortor | \ No newline at end of file diff --git a/Frontend/src/app/(pages)/docs/[[...slug]]/layout.tsx b/Frontend/src/app/(pages)/docs/[[...slug]]/layout.tsx index 42d7010..b5980da 100644 --- a/Frontend/src/app/(pages)/docs/[[...slug]]/layout.tsx +++ b/Frontend/src/app/(pages)/docs/[[...slug]]/layout.tsx @@ -25,7 +25,7 @@ const DocumentationLayout = ({ ); // The active slug of this page return (
-
+
{children}
diff --git a/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx b/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx index de220b2..e5faa7b 100644 --- a/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx +++ b/Frontend/src/app/(pages)/docs/[[...slug]]/page.tsx @@ -38,7 +38,7 @@ const ContentPage = ({ params }: PageProps): ReactElement => { const splitSlug: string[] = content.slug?.split("/") || []; return ( -
+
{/* Header */}
diff --git a/Frontend/src/app/components/docs/sidebar.tsx b/Frontend/src/app/components/docs/sidebar.tsx index 1373251..a56058d 100644 --- a/Frontend/src/app/components/docs/sidebar.tsx +++ b/Frontend/src/app/components/docs/sidebar.tsx @@ -21,8 +21,8 @@ const Sidebar = ({ activeSlug }: { activeSlug: string }): ReactElement => { groupedContent[categoryKey].push(content); } return ( -
-
+
+
{/* Quick Search */} diff --git a/Frontend/src/app/components/ui/breadcrumb.tsx b/Frontend/src/app/components/ui/breadcrumb.tsx index 1725e06..d386de6 100644 --- a/Frontend/src/app/components/ui/breadcrumb.tsx +++ b/Frontend/src/app/components/ui/breadcrumb.tsx @@ -19,7 +19,7 @@ const BreadcrumbList = React.forwardRef<