()
| 11 | |
| 12 | |
| 13 | def navbar() -> rx.Component: |
| 14 | return rx.box( |
| 15 | rx.desktop_only( |
| 16 | rx.hstack( |
| 17 | rx.hstack( |
| 18 | rx.link( |
| 19 | rx.image( |
| 20 | src="/logo.jpg", |
| 21 | width="2.25em", |
| 22 | height="auto", |
| 23 | border_radius="25%", |
| 24 | ), |
| 25 | href=navigation.routes.HOME_ROUTE |
| 26 | ), |
| 27 | rx.link( |
| 28 | rx.heading( |
| 29 | "Reflex", size="7", weight="bold" |
| 30 | ), |
| 31 | href=navigation.routes.HOME_ROUTE |
| 32 | ), |
| 33 | align_items="center", |
| 34 | ), |
| 35 | rx.hstack( |
| 36 | navbar_link("Home", navigation.routes.HOME_ROUTE), |
| 37 | navbar_link("About", navigation.routes.ABOUT_US_ROUTE), |
| 38 | navbar_link("Articles", navigation.routes.ARTICLE_LIST_ROUTE), |
| 39 | navbar_link("Pricing", navigation.routes.PRICING_ROUTE), |
| 40 | navbar_link("Contact", navigation.routes.CONTACT_US_ROUTE), |
| 41 | spacing="5", |
| 42 | ), |
| 43 | rx.hstack( |
| 44 | rx.link( |
| 45 | rx.button( |
| 46 | "Register", |
| 47 | size="3", |
| 48 | variant="outline", |
| 49 | ), |
| 50 | href=reflex_local_auth.routes.REGISTER_ROUTE |
| 51 | ), |
| 52 | rx.link( |
| 53 | rx.button( |
| 54 | "Login", |
| 55 | size="3", |
| 56 | variant="outline", |
| 57 | ), |
| 58 | href=reflex_local_auth.routes.LOGIN_ROUTE |
| 59 | ), |
| 60 | spacing="4", |
| 61 | justify="end", |
| 62 | ), |
| 63 | justify="between", |
| 64 | align_items="center", |
| 65 | id='my-navbar-hstack-desktop', |
| 66 | ), |
| 67 | ), |
| 68 | rx.mobile_and_tablet( |
| 69 | rx.hstack( |
| 70 | rx.hstack( |
no test coverage detected