mirror of https://github.com/arc53/DocsGPT
nav setup
parent
b2c1634a47
commit
cf8e19f64d
@ -1,17 +0,0 @@
|
|||||||
import React, { useState } from 'react';
|
|
||||||
|
|
||||||
function MobileNavigation() {
|
|
||||||
return <div>Mobile Navigation</div>;
|
|
||||||
}
|
|
||||||
|
|
||||||
function DesktopNavigation() {
|
|
||||||
return <div>Desktop Navigation</div>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function Navigation({ isMobile }: { isMobile: boolean }) {
|
|
||||||
if (isMobile) {
|
|
||||||
return <MobileNavigation />;
|
|
||||||
} else {
|
|
||||||
return <DesktopNavigation />;
|
|
||||||
}
|
|
||||||
}
|
|
@ -0,0 +1,26 @@
|
|||||||
|
import React, { useState } from 'react';
|
||||||
|
import Arrow1 from './imgs/arrow.svg';
|
||||||
|
|
||||||
|
function MobileNavigation() {
|
||||||
|
return <div>Mobile Navigation</div>;
|
||||||
|
}
|
||||||
|
|
||||||
|
function DesktopNavigation() {
|
||||||
|
return (
|
||||||
|
<div className="fixed h-screen w-72 border-r-2 border-gray-100 bg-gray-50 lg:w-96">
|
||||||
|
<div className="h-16 border-b-2 border-gray-100">
|
||||||
|
<button className="float-right mr-4 mt-5 h-5 w-5">
|
||||||
|
<img src={Arrow1} alt="menu toggle" className="m-auto w-3" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function Navigation({ isMobile }: { isMobile: boolean }) {
|
||||||
|
if (isMobile) {
|
||||||
|
return <MobileNavigation />;
|
||||||
|
} else {
|
||||||
|
return <DesktopNavigation />;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M7.41 10.59L2.83 6L7.41 1.41L6 0L0 6L6 12L7.41 10.59Z" fill="black" fill-opacity="0.54"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 200 B |
Loading…
Reference in New Issue