From 542fb33102902fd7461bee0c0ca8ab4d9ef58de0 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Tue, 26 Dec 2023 19:01:26 +0100 Subject: Responsiveness + fixes --- apps/website/src/components/base/Footer.astro | 13 ++++++- .../src/components/base/NavbarElement.astro | 7 +++- apps/website/src/components/base/Section.astro | 30 +++++++-------- apps/website/src/pages/projects/oneconfig.astro | 43 +++++++++++----------- apps/website/src/styles/global.css | 15 ++++++-- apps/website/tailwind.config.ts | 10 ++++- 6 files changed, 73 insertions(+), 45 deletions(-) diff --git a/apps/website/src/components/base/Footer.astro b/apps/website/src/components/base/Footer.astro index 9bc1c61..0eaa4ba 100644 --- a/apps/website/src/components/base/Footer.astro +++ b/apps/website/src/components/base/Footer.astro @@ -2,5 +2,14 @@ --- - + diff --git a/apps/website/src/components/base/NavbarElement.astro b/apps/website/src/components/base/NavbarElement.astro index 6d549bf..8a254d6 100644 --- a/apps/website/src/components/base/NavbarElement.astro +++ b/apps/website/src/components/base/NavbarElement.astro @@ -38,7 +38,7 @@ const { )} {element.dropdown && ( - +
@@ -57,11 +59,12 @@ const { tabindex="-1" class={` bg-gray-50 + border border-gray-100 rounded-t-lg md:rounded-lg transition-transform max-sm:translate-y-1/3 max-sm:left-0 group-focus-within:translate-y-0 - max-h-full md:max-h-96 overflow-y-auto + max-h-full md:max-h-96 overflow-y-auto min-h-full md:shadow-lg `}>
    diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro index 55e3737..b2842f6 100644 --- a/apps/website/src/components/base/Section.astro +++ b/apps/website/src/components/base/Section.astro @@ -23,20 +23,20 @@ const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} p }${props.class ? ` ${props.class}` : ''}`; --- -
    -
    - {twoColumn - ? ( +
    +
    + {twoColumn + ? ( +
    + +
    +
    - +
    - -
    - -
    - ) - : ( - - )} -
    -
    + ) + : ( + + )} +
    +
    diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro index d5fc98b..04de167 100644 --- a/apps/website/src/pages/projects/oneconfig.astro +++ b/apps/website/src/pages/projects/oneconfig.astro @@ -59,13 +59,16 @@ import { Code } from 'astro:components';
-
-
- +
+ +
+ +
@@ -90,7 +94,7 @@ import { Code } from 'astro:components';
-
+
Designed for users
@@ -101,35 +105,34 @@ import { Code } from 'astro:components';
- - +
- +
A unified HUD editor
Thanks to OneConfig's HUD API, you can customize any OneConfig-powered HUD to your liking, without having to worry about the hassle of finding the right command or keybind.
-
+
With many fabulous mods
Discover a wide range of mods integrated with OneConfig to enhance your experience. -
+
-
+
@@ -154,13 +157,11 @@ import { Code } from 'astro:components';
-
-
- - - -
- +
+
+ +
+
diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 8d36787..9efd728 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -32,26 +32,33 @@ padding: 10px; border-radius: 16px; border: 1px solid rgba(65, 74, 88, 1); + width: 100%; } + .astro-code code { white-space: pre-wrap; padding: 10px; padding-bottom: 0; color: #546E7A; } + .astro-code code::before { counter-reset: listing; } + .astro-code code span { font-family: 'Roboto Mono', monospace !important; } + .astro-code code span.line { counter-increment: listing; text-align: left; - float: left; - clear: left; - font-size: 12px; + /* float: left; + clear: left; */ + font-size: 13px; + text-wrap: nowrap; } + .astro-code code span.line::before { content: counter(listing) " "; display: inline-block; @@ -62,5 +69,5 @@ /* margin-right: 10px; */ text-align: right; font-family: 'Roboto Mono', monospace !important; - font-size: 12px; + font-size: 13px; } diff --git a/apps/website/tailwind.config.ts b/apps/website/tailwind.config.ts index 011df25..542f10c 100644 --- a/apps/website/tailwind.config.ts +++ b/apps/website/tailwind.config.ts @@ -20,6 +20,7 @@ const config: Config = { }, 'gray': { 50: 'rgba(240, 242, 244, 1)', + 200: 'rgba(196, 202, 212, 1)', 400: 'rgba(138, 150, 168, 1)', 600: 'rgba(42, 44, 48, 1)', 700: 'rgba(65, 74, 88, 1)', @@ -50,6 +51,8 @@ const config: Config = { 'lg': '8px', 'xl': '12px', '2xl': '16px', + '3xl': '20px', + '4xl': '24px', 'full': '100vw', }, fontSize: { @@ -72,7 +75,12 @@ const config: Config = { fontFamily: { mono: ['"Roboto Mono"', 'monospace'], }, - extend: {}, + extend: { + zIndex: { + "navbar": "9999", // Nothing should be above the navbar or backdrop + "navbar-backdrop": "9998" + } + }, }, plugins: [], }; -- cgit