Do you guys face this If you pay attention you ll see that o

Question

Do you guys face this If you pay attention you ll see that on all margins there s a small white padding although I didn t configure any spacing on the sides Is it possible to disable this Or is this just the standard Backender Kotliner trying to play with frontend a bit sweat smile

Greg Steckman · Answer

If you right click on the page and inspect you can see the html that is generated for the page what classes are applied to each tag and what css is in those classes There s probably a margin in there somewhere

LeoColman · Answer

I couldn t find any margin or padding on inspect Although if I do `margin = 10px` on root it will remove this white border

LeoColman · Answer

I think it s on `body` by default

Greg Steckman · Answer

Is there a css class applied to the body

LeoColman · Answer

No there s nothing applied to the body I mean there is now ``` lt body style= margin 0 gt lt div id= root gt lt div gt lt script src= SeMudandoFront js gt lt script gt lt body gt ``` as this will fix the white margin but it seems weird to me to have to apply this

Greg Steckman · Answer

there could be a body css selector in the stylesheet applying a margin

LeoColman · Answer

The default stylesheet is empty ```object AppStyleSheet StyleSheet val primary = Color 023e8a val primaryLight = Color 02558b val accent = Color eb4a3b val accentLight = Color d9554d ```

Greg Steckman · Answer

if there is the style attribute in the html will override that

LeoColman · Answer

The code is available here <https github com SeMudando SeMudandoFront> If you want to take a close look

Greg Steckman · Answer

Is this whole page generated with compose web without any css file

LeoColman · Answer

No css file that s correct Only the StyleSheet

Greg Steckman · Answer

I think I found the reason <https stackoverflow com questions 13127887 how wide is the default body margin>

Greg Steckman · Answer

So you ll need to fix it by setting the body margin to 0

LeoColman · Answer

Ah I see so this isn t an issue with compose itself Interesting that this is the default behavior Thanks for the help < Greg Steckman>

LeoColman · Answer

I ve turned our conversation into a Q A in stackoverflow Maybe this question pops up in the future <https stackoverflow com questions 69337324 white border on webpage 69337325 69337325>

David Herman · Answer

Here s how I solved it in my project <https github com varabyte kobweb blob 9a9fc3f38f34d27e09dff96a24af20d5fa54162b frontend kobweb src jsMain kotlin com varabyte kobweb core App kt L41|https github com varabyte kobweb blob 9a9fc3f38f34d27e09dff96a24af20d5fa54162b frontend kobweb src jsMain kotlin com varabyte kobweb core App kt L41>

David Herman · Answer

Oh I just read your stack overflow answer seems like you fixed it already yourself Yes this was a fun few hours of a rabbit hole I also encountered and couldn t figure out at first