LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 08:33:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

on mobile view the app used to launch with nav bar open, this fixes it.

Browse Source 
About page had same large horizontal margin which made about page very
narrow. This fixes it.
This commit is contained in:
ajaythapliyal
2023-02-25 11:51:17 +05:30
parent 63af495693
commit 2f246a90d0
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/About.tsx
View File

@@ -4,7 +4,7 @@
export default function About() {
return (
//Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
<div className="mx-36 grid min-h-screen">
<div className="mx-5 grid min-h-screen md:mx-36">
<article className=" place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
<p className="text-3xl">About DocsGPT 🦖</p>
<p className="mt-4">

5
frontend/src/App.tsx
View File

@@ -6,7 +6,10 @@ import { useState } from 'react';
import { ActiveState } from './models/misc';
export default function App() {
const [navState, setNavState] = useState<ActiveState>('ACTIVE');
//TODO : below media query is disjoint from tailwind. Please wire it together.
const [navState, setNavState] = useState<ActiveState>(
window.matchMedia('((min-width: 768px)').matches ? 'ACTIVE' : 'INACTIVE',
);
return (
<div className="min-h-full min-w-full">