The persistent layout for the public area

[aburaihan66]

First, a new file is created under resources/js/Layouts/PublicLayout.svelte . The extension already shows that this is a Svelte component. A header and footer area, as well as a container for the page content, are now stored in this component. In addition, some CSS styles are added that give the layout of the page shape. The complete code can be found in Listing 1.

The chosen layout is designed in three lines, so that myanmar gambling data the header and footer areas appear at the top and bottom of the page respectively. Since the minimum height of the layout corresponds to the window height of the browser, the content area in between takes up the remaining space. Using the navigation in the header area, users can move around the public area of ​​the application.

In order for the changes to be visible, the layout must also be applied. To define it as a persistent layout, Inertia relies on the ability of Svelte components to set cross-instance values ​​and export them from the component module. Initially, the layout is only applied to the public start page ( resources.