reflex-dev / reflex-web

A public repo of the reflex.dev website.
https://reflex.dev
216 stars 184 forks source link

Issue with reflex.dev documentation #1025

Open AdrianM10 opened 1 month ago

AdrianM10 commented 1 month ago

Path: /docs/tutorial/frontend

The padding value shown in the docs of "1em" for the action bar results in placeholder text being clipped and not clearly visible.

# Styles for the action bar.
input_style = dict(
    border_width="1px",
    padding="1em",
    box_shadow=shadow,
    width="350px",
)
button_style = dict(
    background_color=rx.color("accent", 10),
    box_shadow=shadow,
)

See below screenshot:

Screenshot 2024-10-12 at 06 31 20

The padding value should be set to "0.5em" for the action bar input style.

Below is a screenshot after changing the padding value to "0.5em"

Screenshot 2024-10-12 at 06 33 42

Alek99 commented 1 month ago

Thanks for reporting will fix