diff --git a/assets/icon.png b/assets/icon.png index b3cd718..ffecdaf 100644 Binary files a/assets/icon.png and b/assets/icon.png differ diff --git a/blurme/components/sidebar.py b/blurme/components/sidebar.py index e9e1aab..62ad937 100644 --- a/blurme/components/sidebar.py +++ b/blurme/components/sidebar.py @@ -22,6 +22,7 @@ def sidebar_header() -> rx.Component: width="100%", border_bottom=styles.border, padding="1em", + align = 'center', ) 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, "transparent", ), - color=rx.cond( - active, - styles.accent_text_color, - styles.text_color, - ), + #color=rx.cond( + # active, + # styles.accent_text_color, + # styles.text_color, + #), border_radius=styles.border_radius, box_shadow=styles.box_shadow, width="100%", @@ -103,8 +104,8 @@ def sidebar() -> rx.Component: padding="1em", ), rx.spacer(), - #sidebar_footer(), height="100em", + ), display=["none", "none", "block"], min_width=styles.sidebar_width, diff --git a/blurme/styles.py b/blurme/styles.py index cf30ae3..8bf3cc2 100644 --- a/blurme/styles.py +++ b/blurme/styles.py @@ -6,6 +6,7 @@ border_radius = "0.375rem" box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)" border = "1px solid #F4F3F6" text_color = "black" +text_color_dark = "white" accent_text_color = "black" 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%);"