BLUR-32 sidebar modification

This commit is contained in:
markrz12 2023-12-05 13:16:15 +01:00
parent c89ff607df
commit dba1d112d4
3 changed files with 8 additions and 6 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 97 KiB

View File

@ -22,6 +22,7 @@ def sidebar_header() -> rx.Component:
width="100%", width="100%",
border_bottom=styles.border, border_bottom=styles.border,
padding="1em", padding="1em",
align = 'center',
) )
def sidebar_item(text: str, icon: str, url: str, ) -> rx.Component: def sidebar_item(text: str, icon: str, url: str, ) -> rx.Component:
@ -58,11 +59,11 @@ def sidebar_item(text: str, icon: str, url: str, ) -> rx.Component:
styles.accent_color, styles.accent_color,
"transparent", "transparent",
), ),
color=rx.cond( #color=rx.cond(
active, # active,
styles.accent_text_color, # styles.accent_text_color,
styles.text_color, # styles.text_color,
), #),
border_radius=styles.border_radius, border_radius=styles.border_radius,
box_shadow=styles.box_shadow, box_shadow=styles.box_shadow,
width="100%", width="100%",
@ -103,8 +104,8 @@ def sidebar() -> rx.Component:
padding="1em", padding="1em",
), ),
rx.spacer(), rx.spacer(),
#sidebar_footer(),
height="100em", height="100em",
), ),
display=["none", "none", "block"], display=["none", "none", "block"],
min_width=styles.sidebar_width, min_width=styles.sidebar_width,

View File

@ -6,6 +6,7 @@ border_radius = "0.375rem"
box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)" box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)"
border = "1px solid #F4F3F6" border = "1px solid #F4F3F6"
text_color = "black" text_color = "black"
text_color_dark = "white"
accent_text_color = "black" accent_text_color = "black"
accent_color = "linear-gradient(linear-gradient(43deg, rgba(201,238,248,1) 18%, rgba(253,210,227,0.7792366946778712) 86%)" accent_color = "linear-gradient(linear-gradient(43deg, rgba(201,238,248,1) 18%, rgba(253,210,227,0.7792366946778712) 86%)"
#linear-gradient(120deg, #d299c2 0%, #fef9d7 100%);" #linear-gradient(120deg, #d299c2 0%, #fef9d7 100%);"