use radix box instead of chakra one for responsive elements (#2921)

This commit is contained in:
Thomas Brandého 2024-03-25 23:16:48 +01:00 committed by GitHub
parent e0fedeb419
commit f19a6a8c8d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 5 deletions

View File

@ -1,6 +1,6 @@
"""Responsive components."""
from reflex.components.chakra.layout.box import Box
from reflex.components.radix.themes.layout import Box
# Add responsive styles shortcuts.

View File

@ -5,8 +5,6 @@ import pytest
import reflex as rx
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.responsive import (
desktop_only,
@ -15,6 +13,8 @@ from reflex.components.core.responsive import (
tablet_and_desktop,
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.vars import Var
@ -64,7 +64,7 @@ def test_validate_cond(cond_state: rx.Var):
assert true_value["name"] == "Fragment"
[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`}"
# false value
@ -72,7 +72,7 @@ def test_validate_cond(cond_state: rx.Var):
assert false_value["name"] == "Fragment"
[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`}"