use radix box instead of chakra one for responsive elements (#2921)
This commit is contained in:
parent
e0fedeb419
commit
f19a6a8c8d
@ -1,6 +1,6 @@
|
|||||||
"""Responsive components."""
|
"""Responsive components."""
|
||||||
|
|
||||||
from reflex.components.chakra.layout.box import Box
|
from reflex.components.radix.themes.layout import Box
|
||||||
|
|
||||||
|
|
||||||
# Add responsive styles shortcuts.
|
# Add responsive styles shortcuts.
|
||||||
|
@ -5,8 +5,6 @@ import pytest
|
|||||||
|
|
||||||
import reflex as rx
|
import reflex as rx
|
||||||
from reflex.components.base.fragment import Fragment
|
from reflex.components.base.fragment import Fragment
|
||||||
from reflex.components.chakra.layout.box import Box
|
|
||||||
from reflex.components.chakra.typography.text import Text
|
|
||||||
from reflex.components.core.cond import Cond, cond
|
from reflex.components.core.cond import Cond, cond
|
||||||
from reflex.components.core.responsive import (
|
from reflex.components.core.responsive import (
|
||||||
desktop_only,
|
desktop_only,
|
||||||
@ -15,6 +13,8 @@ from reflex.components.core.responsive import (
|
|||||||
tablet_and_desktop,
|
tablet_and_desktop,
|
||||||
tablet_only,
|
tablet_only,
|
||||||
)
|
)
|
||||||
|
from reflex.components.radix.themes.layout.box import Box
|
||||||
|
from reflex.components.radix.themes.typography.text import Text
|
||||||
from reflex.state import BaseState
|
from reflex.state import BaseState
|
||||||
from reflex.vars import Var
|
from reflex.vars import Var
|
||||||
|
|
||||||
@ -64,7 +64,7 @@ def test_validate_cond(cond_state: rx.Var):
|
|||||||
assert true_value["name"] == "Fragment"
|
assert true_value["name"] == "Fragment"
|
||||||
|
|
||||||
[true_value_text] = true_value["children"]
|
[true_value_text] = true_value["children"]
|
||||||
assert true_value_text["name"] == "Text"
|
assert true_value_text["name"] == "RadixThemesText"
|
||||||
assert true_value_text["children"][0]["contents"] == "{`cond is True`}"
|
assert true_value_text["children"][0]["contents"] == "{`cond is True`}"
|
||||||
|
|
||||||
# false value
|
# false value
|
||||||
@ -72,7 +72,7 @@ def test_validate_cond(cond_state: rx.Var):
|
|||||||
assert false_value["name"] == "Fragment"
|
assert false_value["name"] == "Fragment"
|
||||||
|
|
||||||
[false_value_text] = false_value["children"]
|
[false_value_text] = false_value["children"]
|
||||||
assert false_value_text["name"] == "Text"
|
assert false_value_text["name"] == "RadixThemesText"
|
||||||
assert false_value_text["children"][0]["contents"] == "{`cond is False`}"
|
assert false_value_text["children"][0]["contents"] == "{`cond is False`}"
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user