fc6eff7104
* Convert templates to use `rx.chakra` where needed * reflex_init_in_docker_test: run test on PR into reflex-0.4.0 This is why we didn't catch the template issues earlier
71 lines
2.2 KiB
Python
71 lines
2.2 KiB
Python
import reflex as rx
|
|
|
|
from ...webui import styles
|
|
from ...webui.state import State
|
|
|
|
|
|
def navbar():
|
|
return rx.chakra.box(
|
|
rx.chakra.hstack(
|
|
rx.chakra.hstack(
|
|
rx.chakra.icon(
|
|
tag="hamburger",
|
|
mr=4,
|
|
on_click=State.toggle_drawer,
|
|
cursor="pointer",
|
|
),
|
|
rx.chakra.link(
|
|
rx.chakra.box(
|
|
rx.chakra.image(src="favicon.ico", width=30, height="auto"),
|
|
p="1",
|
|
border_radius="6",
|
|
bg="#F0F0F0",
|
|
mr="2",
|
|
),
|
|
href="/",
|
|
),
|
|
rx.chakra.breadcrumb(
|
|
rx.chakra.breadcrumb_item(
|
|
rx.chakra.heading("ReflexGPT", size="sm"),
|
|
),
|
|
rx.chakra.breadcrumb_item(
|
|
rx.chakra.text(
|
|
State.current_chat, size="sm", font_weight="normal"
|
|
),
|
|
),
|
|
),
|
|
),
|
|
rx.chakra.hstack(
|
|
rx.chakra.button(
|
|
"+ New chat",
|
|
bg=styles.accent_color,
|
|
px="4",
|
|
py="2",
|
|
h="auto",
|
|
on_click=State.toggle_modal,
|
|
),
|
|
rx.chakra.menu(
|
|
rx.chakra.menu_button(
|
|
rx.chakra.avatar(name="User", size="md"),
|
|
rx.chakra.box(),
|
|
),
|
|
rx.chakra.menu_list(
|
|
rx.chakra.menu_item("Help"),
|
|
rx.chakra.menu_divider(),
|
|
rx.chakra.menu_item("Settings"),
|
|
),
|
|
),
|
|
spacing="8",
|
|
),
|
|
justify="space-between",
|
|
),
|
|
bg=styles.bg_dark_color,
|
|
backdrop_filter="auto",
|
|
backdrop_blur="lg",
|
|
p="4",
|
|
border_bottom=f"1px solid {styles.border_color}",
|
|
position="sticky",
|
|
top="0",
|
|
z_index="100",
|
|
)
|