From a8e01c266e0d4cbcb4703f5f44bd852d595a3f79 Mon Sep 17 00:00:00 2001 From: pourhakimi <84860195+pourhakimi@users.noreply.github.com> Date: Mon, 31 Mar 2025 15:44:34 +0300 Subject: [PATCH 1/4] fixes issue #1162 --- docs/getting_started/dashboard_tutorial.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/getting_started/dashboard_tutorial.md b/docs/getting_started/dashboard_tutorial.md index b5555cbbb9..40a275ea27 100644 --- a/docs/getting_started/dashboard_tutorial.md +++ b/docs/getting_started/dashboard_tutorial.md @@ -221,8 +221,8 @@ def show_user(user: User): rx.table.cell(user.name), rx.table.cell(user.email), rx.table.cell(user.gender), - style=\{"_hover": - \{"bg": rx.color("gray", 3)} + style={"_hover": + {"bg": rx.color("gray", 3)} }, align="center", ) @@ -1620,7 +1620,7 @@ Unfortunately in this tutorial here we cannot actually apply this to the live ex ## Conclusion -Finally let's make some final styling updates to our app. We will add some hover styling to the table rows and center the table inside the `show_user` with `style=\{"_hover": \{"bg": rx.color("gray", 3)}}, align="center"`. +Finally let's make some final styling updates to our app. We will add some hover styling to the table rows and center the table inside the `show_user` with `style={"_hover": {"bg": rx.color("gray", 3)}}, align="center"`. In addition, we will add some `width="100%"` and `align="center"` to the `index()` component to center the items on the page and ensure they stretch the full width of the page. @@ -1701,8 +1701,8 @@ def show_user(user: User): rx.table.cell(user.name), rx.table.cell(user.email), rx.table.cell(user.gender), - style=\{"_hover": - \{"bg": rx.color("gray", 3)} + style={"_hover": + {"bg": rx.color("gray", 3)} }, align="center", ) From 75a393e075739802d117f8c61d6b6dab665fc5b4 Mon Sep 17 00:00:00 2001 From: pourhakimi <84860195+pourhakimi@users.noreply.github.com> Date: Tue, 1 Apr 2025 15:45:13 +0300 Subject: [PATCH 2/4] curly fries --- docs/getting_started/dashboard_tutorial.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/docs/getting_started/dashboard_tutorial.md b/docs/getting_started/dashboard_tutorial.md index 40a275ea27..d95225cff0 100644 --- a/docs/getting_started/dashboard_tutorial.md +++ b/docs/getting_started/dashboard_tutorial.md @@ -221,9 +221,7 @@ def show_user(user: User): rx.table.cell(user.name), rx.table.cell(user.email), rx.table.cell(user.gender), - style={"_hover": - {"bg": rx.color("gray", 3)} - }, + style={"_hover": {"bg": rx.color("gray", 3)}}, align="center", ) From ef34947a570bf03992b8f308532197a10b611adf Mon Sep 17 00:00:00 2001 From: pourhakimi <84860195+pourhakimi@users.noreply.github.com> Date: Tue, 1 Apr 2025 22:09:29 +0300 Subject: [PATCH 3/4] fix --- docs/getting_started/dashboard_tutorial.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/docs/getting_started/dashboard_tutorial.md b/docs/getting_started/dashboard_tutorial.md index d95225cff0..b5555cbbb9 100644 --- a/docs/getting_started/dashboard_tutorial.md +++ b/docs/getting_started/dashboard_tutorial.md @@ -221,7 +221,9 @@ def show_user(user: User): rx.table.cell(user.name), rx.table.cell(user.email), rx.table.cell(user.gender), - style={"_hover": {"bg": rx.color("gray", 3)}}, + style=\{"_hover": + \{"bg": rx.color("gray", 3)} + }, align="center", ) @@ -1618,7 +1620,7 @@ Unfortunately in this tutorial here we cannot actually apply this to the live ex ## Conclusion -Finally let's make some final styling updates to our app. We will add some hover styling to the table rows and center the table inside the `show_user` with `style={"_hover": {"bg": rx.color("gray", 3)}}, align="center"`. +Finally let's make some final styling updates to our app. We will add some hover styling to the table rows and center the table inside the `show_user` with `style=\{"_hover": \{"bg": rx.color("gray", 3)}}, align="center"`. In addition, we will add some `width="100%"` and `align="center"` to the `index()` component to center the items on the page and ensure they stretch the full width of the page. @@ -1699,8 +1701,8 @@ def show_user(user: User): rx.table.cell(user.name), rx.table.cell(user.email), rx.table.cell(user.gender), - style={"_hover": - {"bg": rx.color("gray", 3)} + style=\{"_hover": + \{"bg": rx.color("gray", 3)} }, align="center", ) From a1b2dfb4fe56b3e75f6f126406d11698ea67db6f Mon Sep 17 00:00:00 2001 From: pourhakimi <84860195+pourhakimi@users.noreply.github.com> Date: Tue, 1 Apr 2025 22:39:16 +0300 Subject: [PATCH 4/4] fixes --- docs/getting_started/dashboard_tutorial.md | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/docs/getting_started/dashboard_tutorial.md b/docs/getting_started/dashboard_tutorial.md index b5555cbbb9..2c9de8ecb9 100644 --- a/docs/getting_started/dashboard_tutorial.md +++ b/docs/getting_started/dashboard_tutorial.md @@ -221,8 +221,10 @@ def show_user(user: User): rx.table.cell(user.name), rx.table.cell(user.email), rx.table.cell(user.gender), - style=\{"_hover": - \{"bg": rx.color("gray", 3)} + style={ + "_hover": { + "bg": rx.color("gray", 3) + } }, align="center", ) @@ -1701,8 +1703,10 @@ def show_user(user: User): rx.table.cell(user.name), rx.table.cell(user.email), rx.table.cell(user.gender), - style=\{"_hover": - \{"bg": rx.color("gray", 3)} + style={ + "_hover": { + "bg": rx.color("gray", 3) + } }, align="center", )