Get help from the marimo community

Updated 6 days ago

Styling help: panel

hey guys, I am not a css/frontend guy in any way. I was trying to get a panel with a main callout on the left and a right panel with scrollable callouts. I would like the right callouts to be closer to each other and the left one to take more space on the left.

Also is it possible to make the right ones scrollable while the left one stays in place?

Attached a picture of what I've tried + code

Plain Text
mo.hstack([
    mo.callout("Main"),
    mo.vstack([mo.callout("comments") for _ in range(3)], 
              gap = 0.1, 
              align = "stretch",
              justify = "space-between")
], widths=[0.4, 0.6], align = "stretch")
Attachment
Screenshot_2025-03-10_at_10.21.01.png
l
V
3 comments
hey @Vincent do you have an idea of how i might do this?
I would personally try and do this with mohtml.
But it might help if I had a little bit more context, what are you trying to do here? What's the larger app supposed to do?
Add a reply
Sign up and join the conversation on Discord