feat: slight animation changes

assets/main.css

@@ -53,8 +53,7 @@ a {
 }
 
 a:hover,
-a:active,
+a:active {
-a:focus {
     color: var(--subtext0)
 }
 
@@ -83,8 +82,7 @@ a:focus {
 }
 
 .navbar-theme:hover,
-.navbar-theme:active,
+.navbar-theme:active {
-.navbar-theme:focus {
     cursor: pointer;
 }
 

src/components/navbar.rs

@@ -24,6 +24,6 @@ pub fn Navbar() -> Element {
                 }
             }
         }
-        div { class: "content-wrapper", AnimatedOutlet::<Route> {} }
+        div { class: "content-wrapper", {} }
     }
 }

src/router.rs

@@ -12,7 +12,7 @@ use dioxus_motion::prelude::*;
 #[derive(Debug, Clone, Routable, PartialEq, MotionTransitions)]
 #[rustfmt::skip]
 pub enum Route {
-    #[layout(Navbar)]
+    #[layout(MotionTransitionBuilder)]
         #[route("/")]
         #[transition(Fade)]
         Home {},
@@ -40,3 +40,10 @@ pub enum Route {
     #[route("/:..route")]
     PageNotFound { route: Vec<String> },
 }
+
+#[component]
+pub fn MotionTransitionBuilder() -> Element {
+    rsx! {
+        AnimatedOutlet::<Route> {}
+    }
+}