Updated dioxus version and lots of css changes

Cargo.toml

@@ -7,7 +7,7 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-dioxus = { version = "0.6.0", features = [] }
+dioxus = { version = "0.6.3", features = [] }
 toml = { version = "0.8" }
 serde = { version = "1.0", features = ["derive"] }
 rand = { version = "0.9" }

assets/main.css

@@ -44,6 +44,11 @@ form {
     > label {
       flex-grow: 1;
     }
+
+    &:hover,
+    > *:hover {
+      cursor: pointer;
+    }
   }
 
   > input[type="submit"] {
@@ -57,34 +62,11 @@ form {
     &:hover {
       font-size: 48px;
       color: goldenrod;
-		}
-	}
-}
-
-#links {
-	width: 400px;
-	text-align: left;
-	font-size: x-large;
-	color: white;
-	display: flex;
-	flex-direction: column;
-}
-
-#links a {
-	color: white;
-	text-decoration: none;
-	margin-top: 20px;
-	margin: 10px 0px;
-	border: white 1px solid;
-	border-radius: 5px;
-	padding: 10px;
-}
-
-#links a:hover {
-	background-color: #1f1f1f;
       cursor: pointer;
     }
 
-#header {
+    &:focus {
-	max-width: 1200px;
+      outline: none;
+    }
+  }
 }

src/main.rs

@@ -1,19 +1,21 @@
 use std::{
-	collections::HashMap,
 	ops::{Deref, DerefMut},
 	sync::LazyLock,
 };
 
-use dioxus::prelude::*;
+use dioxus::{
+	desktop::{Config, WindowBuilder},
+	prelude::*,
+};
 use rand::seq::SliceRandom;
 use serde::Deserialize;
 
-const FAVICON: Asset = asset!("/assets/favicon.ico");
+// const FAVICON: Asset = asset!("/assets/favicon.ico");
 const MAIN_CSS: Asset = asset!("/assets/main.css");
-const HEADER_SVG: Asset = asset!("/assets/header.svg");
+// const HEADER_SVG: Asset = asset!("/assets/header.svg");
 
 #[derive(Debug, Deserialize)]
-struct Questions {
+pub struct Questions {
 	questions: Vec<Question>,
 }
 
@@ -32,13 +34,13 @@ impl DerefMut for Questions {
 }
 
 #[derive(Debug, Clone, PartialEq, Deserialize)]
-struct Question {
+pub struct Question {
 	message: String,
 	answers: Vec<Answer>,
 }
 
 #[derive(Debug, Clone, PartialEq, Deserialize)]
-struct Answer {
+pub struct Answer {
 	message: String,
 
 	#[serde(default)]
@@ -75,13 +77,21 @@ fn get_questions() -> Vec<Question> {
 }
 
 fn main() {
-	dioxus::launch(App);
+	dioxus::LaunchBuilder::new()
+		.with_cfg(
+			Config::default().with_menu(None).with_window(
+				WindowBuilder::new()
+					.with_maximized(true)
+					.with_title("Flashcards"),
+			),
+		)
+		.launch(App)
 }
 
 #[component]
 fn App() -> Element {
 	rsx! {
-		document::Link { rel: "icon", href: FAVICON }
+		// document::Link { rel: "icon", href: FAVICON }
 		document::Link { rel: "stylesheet", href: MAIN_CSS }
 		QuestionPrompt {}
 	}
@@ -139,15 +149,12 @@ pub fn QuestionPrompt() -> Element {
 					}
 				}
 			},
-			onkeydown: move |event| {
+
-				dbg!(event.key());
-				if event.key() == Key::Enter {
-					dbg!("enter pressed");
-				}
-			},
 			h1 { "{current().message}" }
 			{ answer_buttons }
-			input { type: "submit" }
+			input {
+				type: "submit",
+			}
 		}
 	}
 }