increase clickable area and add hover effect for "back to dashboard" …

…link in project form pages
KonferCA · Feb 5, 2025 · 5b510e3 · 5b510e3
1 parent 7e05dfa
commit 5b510e3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/frontend/src/pages/admin/_auth/projects/$projectId.review.tsx b/frontend/src/pages/admin/_auth/projects/$projectId.review.tsx
@@ -190,7 +190,10 @@ function RouteComponent() {
             <nav className="fixed top-0 left-0 right-0 z-50 bg-white h-24 border-b border-gray-300">
                 <ul className="flex items-center pl-4 h-full">
                     <li>
-                        <Link to="/admin/dashboard">
+                        <Link
+                            to="/admin/dashboard"
+                            className="transition p-2 inline-block rounded-lg hover:bg-gray-100"
+                        >
                             <div className="flex items-center gap-2">
                                 <span>
                                     <IoMdArrowRoundBack />

diff --git a/frontend/src/pages/user/_auth/project/$projectId.form.tsx b/frontend/src/pages/user/_auth/project/$projectId.form.tsx
@@ -514,7 +514,10 @@ function ProjectFormPage() {
             <nav className="fixed top-0 left-0 right-0 z-50 bg-white h-24 border-b border-gray-300">
                 <ul className="flex items-center pl-4 h-full">
                     <li>
-                        <Link to="/user/dashboard">
+                        <Link
+                            to="/user/dashboard"
+                            className="transition p-2 inline-block rounded-lg hover:bg-gray-100"
+                        >
                             <div className="flex items-center gap-2">
                                 <span>
                                     <IoMdArrowRoundBack />

diff --git a/frontend/src/pages/user/_auth/project/$projectId.view.tsx b/frontend/src/pages/user/_auth/project/$projectId.view.tsx
@@ -185,7 +185,10 @@ function RouteComponent() {
             <nav className="fixed top-0 left-0 right-0 z-50 bg-white h-24 border-b border-gray-300">
                 <ul className="flex items-center pl-4 h-full">
                     <li>
-                        <Link to="/user/dashboard">
+                        <Link
+                            to="/user/dashboard"
+                            className="transition p-2 inline-block rounded-lg hover:bg-gray-100"
+                        >
                             <div className="flex items-center gap-2">
                                 <span>
                                     <IoMdArrowRoundBack />