You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello
I would like to change the size of the UserButton, i tried doing it with the Appearance but I seem to run into a json serializable error: raise VarTypeError( reflex.utils.exceptions.VarTypeError: No JSON serializer found for var baseTheme='dark' signIn=None signUp=None variables=None elements={'image': {'style': {'width': '2rem', 'height': '2rem', 'border-radius': '50%', 'margin-right': '0.5rem'}}} of type <class 'reflex_clerk.lib.appearance.Appearance'>..
this is my code: clerk.user_button(show_name=True, appearance=Appearance(baseTheme = "dark", elements={"image":{"style":{ 'width': '2rem', 'height': '2rem', 'border-radius': '50%', 'margin-right': '0.5rem', }}} )
I might also just be using it incorrectly?
Any help would be appreciated, thanks.
The text was updated successfully, but these errors were encountered:
What version of reflex are you using? I tried copying your clerk.user_button(...) and see no errors using reflex=0.5.9.
I believe there was a relatively recent change to automatically serialize pydantic models, which may make the difference in terms of the error.
On the other hand, I see no effect at all from providing Appearance... Were you able to get the dark theme part of the Appearance to work?
Hello
I would like to change the size of the UserButton, i tried doing it with the Appearance but I seem to run into a json serializable error:
raise VarTypeError( reflex.utils.exceptions.VarTypeError: No JSON serializer found for var baseTheme='dark' signIn=None signUp=None variables=None elements={'image': {'style': {'width': '2rem', 'height': '2rem', 'border-radius': '50%', 'margin-right': '0.5rem'}}} of type <class 'reflex_clerk.lib.appearance.Appearance'>..
this is my code:
clerk.user_button(show_name=True, appearance=Appearance(baseTheme = "dark", elements={"image":{"style":{ 'width': '2rem', 'height': '2rem', 'border-radius': '50%', 'margin-right': '0.5rem', }}} )
I might also just be using it incorrectly?
Any help would be appreciated, thanks.
The text was updated successfully, but these errors were encountered: