Ich versuche, eine Seite mit einer festen Navigationsleiste und einer ausklappbaren festen Seitenleiste zu implementieren, indem ich die Komponenten React verwende. Unten finden Sie Beispielcode.

import { Box } from "@chakra-ui/react"; export const App = () => zurückkehren (   "Box position="fixed" width="50px"  {/* Restlicher Inhalt */}    ); };

Aber jetzt hat die Breite der oberen Navigationsleiste nie meine Erwartungen erreicht. Dies ist die aktuelle Ausgabe.

Ich möchte die folgende Ausgabe erreichen.

Das rote Feld ist die Seitenleiste und das blaue Feld ist die obere Navigationsleiste. Es wird erwartet, dass beide in ihren derzeitigen Positionen bleiben. Bitte machen Sie einige Vorschläge, wie ich meine Erwartungen erfüllen kann. Ich werde sehr dankbar sein!