Styling the body element

[bistace]

Hello,

I'm new to Dioxus so it's probably a silly question but I searched in the docs and in the book and could not find an answer. Basically, I would like to create a div that fills the entire screen so I would need to have something like this on the body element:

margin: 0
padding: 0

Doing this did not work, could you please show me the way to do it?

rsx! {
    body {
        margin: "0px",
        padding: "0px",
        background_color: "blue",
    }
}

[saicu]

If you're using the dioxus-cli, you can just add a CSS file to the config, see this example: https://github.com/DioxusLabs/docsite/blob/master/Dioxus.toml#L31
E.g style = ["/custom.css"])

Then you can style the body in that file.
public/custom.css

body, #main {
        margin: "0px",
        padding: "0px",
        background-color: "blue",
}

Just make sure its accessible through the static asset dir, configured here: https://github.com/DioxusLabs/docsite/blob/master/Dioxus.toml#L15

Also, you may need to style the <div id="main"></div> as well, removing its margin/padding

[bistace]

Oh, thank you! It was indeed very simple!

[pcgeek86]

I am creating a desktop application. I tried configuring Dioxus.toml and creating the style.css file in my public asset directory, but for some reason, the app won't pick it up.

I also had the style set to ["/style.css"] but was trying different options.