laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Radix Themes style notation fix (#2025)

Browse Source
This commit is contained in:
Elijah Ahianyo 2023-10-24 17:29:44 +00:00 committed by GitHub
parent b8f0674556
commit d785bd98da
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
reflex/components/component.py
View File

@ -461,6 +461,14 @@ class Component(Base, ABC):
child.add_style(style) child.add_style(style)
return self return self
def _get_style(self) -> dict:
"""Get the style for the component.
Returns:
The dictionary of the component style as value and the style notation as key.
"""
return {"sx": self.style}
def render(self) -> Dict: def render(self) -> Dict:
"""Render the component. """Render the component.
@ -472,9 +480,9 @@ class Component(Base, ABC):
tag.add_props( tag.add_props(
**self.event_triggers, **self.event_triggers,
key=self.key, key=self.key,
sx=self.style,
id=self.id, id=self.id,
class_name=self.class_name, class_name=self.class_name,
**self._get_style(),
**self.custom_attrs, **self.custom_attrs,
).set( ).set(
children=[child.render() for child in self.children], children=[child.render() for child in self.children],

3
reflex/components/radix/themes/base.py
View File

@ -65,6 +65,9 @@ class RadixThemesComponent(Component):
(45, "RadixThemesColorModeProvider"): RadixThemesColorModeProvider.create(), (45, "RadixThemesColorModeProvider"): RadixThemesColorModeProvider.create(),
} }
def _get_style(self) -> dict:
return {"style": self.style}
class Theme(RadixThemesComponent): class Theme(RadixThemesComponent):
"""A theme provider for radix components. """A theme provider for radix components.