0d39237b3c
* upgrade to latest ruff * try to fix dep review * try to fix dep review (2) * upgrade black * upgrade black (2) * update allowed dependencies * update allowed dependencies (2) * update allowed dependencies (3) * wait between interim and final in yield test * remove previous commit, increase delay between yield * forgot to save on the time.sleep(1) removal * fix integration (maybe?) * fix pyi? * what even is going on * what is realityi? * test another fix for app harness * try to wait even longer? * force uvloop to be optional * downpin fastapi < 0.111, remove changes to test
69 lines
1.5 KiB
Python
69 lines
1.5 KiB
Python
"""Styles for the app."""
|
|
|
|
import reflex as rx
|
|
|
|
from .state import State
|
|
|
|
border_radius = "0.375rem"
|
|
box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)"
|
|
border = "1px solid #F4F3F6"
|
|
text_color = "black"
|
|
accent_text_color = "#1A1060"
|
|
accent_color = "#F5EFFE"
|
|
hover_accent_color = {"_hover": {"color": accent_color}}
|
|
hover_accent_bg = {"_hover": {"bg": accent_color}}
|
|
content_width_vw = "90vw"
|
|
sidebar_width = "20em"
|
|
|
|
template_page_style = {
|
|
"padding_top": "5em",
|
|
"padding_x": "2em",
|
|
}
|
|
|
|
template_content_style = {
|
|
"width": rx.cond(
|
|
State.sidebar_displayed,
|
|
f"calc({content_width_vw} - {sidebar_width})",
|
|
content_width_vw,
|
|
),
|
|
"min-width": sidebar_width,
|
|
"align_items": "flex-start",
|
|
"box_shadow": box_shadow,
|
|
"border_radius": border_radius,
|
|
"padding": "1em",
|
|
"margin_bottom": "2em",
|
|
}
|
|
|
|
link_style = {
|
|
"color": text_color,
|
|
"text_decoration": "none",
|
|
**hover_accent_color,
|
|
}
|
|
|
|
overlapping_button_style = {
|
|
"background_color": "white",
|
|
"border": border,
|
|
"border_radius": border_radius,
|
|
}
|
|
|
|
base_style = {
|
|
rx.chakra.MenuButton: {
|
|
"width": "3em",
|
|
"height": "3em",
|
|
**overlapping_button_style,
|
|
},
|
|
rx.chakra.MenuItem: hover_accent_bg,
|
|
}
|
|
|
|
tab_style = {
|
|
"color": "#494369",
|
|
"font_weight": 600,
|
|
"_selected": {
|
|
"color": "#5646ED",
|
|
"bg": "#F5EFFE",
|
|
"padding_x": "0.5em",
|
|
"padding_y": "0.25em",
|
|
"border_radius": "8px",
|
|
},
|
|
}
|