diff --git a/examples/demos/full_page_layout/static/style.css b/examples/demos/full_page_layout/static/style.css index 80851d3ea8..b5fd48fb6c 100644 --- a/examples/demos/full_page_layout/static/style.css +++ b/examples/demos/full_page_layout/static/style.css @@ -6,15 +6,15 @@ /* This makes all the elements that wrap our code take up the whole page, so that we can put things at the bottom. * Without this, the footer would be just beneath the content if the content doesn't fill the whole page (try disabling this). * - * Quirk: we have to deal with the wrapper around `#root` created by `PerseusRoot` as well as the wrapper inside it (both will be gone by v0.4.0 stabilization) + * Quirk: we have to deal with the wrapper around `#root` created by `PerseusRoot` */ -html, body, body > div, #root, #root > div { +html, body, body > div, #root { height: 100%; } /* This makes the `
` that wraps our whole app use CSS Grid to display three sections: the header, content, and footer. * Quirk: soon, this will just be `#root` */ -#root > div { +#root { display: grid; grid-template-columns: 1fr; /* The header will be automatically sized, the footer will be as small as possible, and the content will take up the rest of the space in the middle */ diff --git a/packages/perseus/src/router/router_component.rs b/packages/perseus/src/router/router_component.rs index 9b40e64d71..7ee1ba260d 100644 --- a/packages/perseus/src/router/router_component.rs +++ b/packages/perseus/src/router/router_component.rs @@ -391,10 +391,7 @@ pub(crate) fn perseus_router( // The main reason for this is that the router only intercepts click events from its children view! { cx, - // BUG (Sycamore): We can't remove this `div` yet... - div { - (*curr_view.get()) - } + (*curr_view.get()) } } ) diff --git a/packages/perseus/src/server/html_shell.rs b/packages/perseus/src/server/html_shell.rs index fbfd0fba84..379ed22466 100644 --- a/packages/perseus/src/server/html_shell.rs +++ b/packages/perseus/src/server/html_shell.rs @@ -329,7 +329,7 @@ impl fmt::Display for HtmlShell { let html_replacement = format!( // We give the content a specific ID so that it can be deleted if an error page needs // to be rendered on the client-side - "{}
{}
", + "{}{}", &html_to_replace_double, self.content, ); // Now interpolate that HTML into the HTML shell