Как правильно передать и рост детям из Lackout.tsx в React ⇐ Html

[Anonymous]

Я использую компонент боковой панели из библиотеки пользовательского интерфейса, и у меня проблемы с передачей правильной высоты и ширины вниз к различным дочерним страницам, которые будут сидеть вдоль этой боковой панели. Иногда вещи простираются шире, чем экран, или нижняя накладка не применяется, и в целом высота/ширина не работает, как можно было бы ожидать. Когда я снимаю боковую панель, хотя все работает, как и ожидалось. Я новичок в веб -разработке и чувствую, что у меня есть фундаментальное недопонимание того, что может происходить. Я хочу, чтобы страницы получили полную высоту и ширину экрана (что остается после показа на боковой панели), не более чем меньше. Если какая -либо страница хочет, они могут простираться за пределы этого и использовать прокрутку.
Вот мой макетimport "./globals.css";
import { SidebarProvider } from "@/components/ui/sidebar";
import { AppSidebar } from "@/components/app-sidebar";

export default function RootLayout({
children,
}: Readonly) {
return (





{children}




);
}



Подробнее здесь: https://stackoverflow.com/questions/796 ... x-in-react