this repo has no description
tala: Combine Home and Settings pages
+11
-23
+4
-5
crates/tala/assets/main.css
+4
-5
crates/tala/assets/main.css
···
52
52
}
53
53
54
54
/* ── Page container (fills space below navbar) ───────────────────────────── */
55
-
#home,
56
55
#settings {
57
56
padding: 32px 40px;
58
57
flex: 1;
···
61
60
62
61
/* images-page has its own padding/overflow rules below */
63
62
64
-
#home h2, #settings h2 {
63
+
#settings h2 {
65
64
margin-top: 0;
66
65
font-size: 20px;
67
66
color: #c8d0e8;
68
67
}
69
68
70
-
#home p, #settings p {
69
+
#settings p {
71
70
color: #8892aa;
72
71
font-size: 14px;
73
72
}
74
73
75
-
#home a {
74
+
#settings a {
76
75
color: #7aa2f7;
77
76
text-decoration: none;
78
77
font-size: 14px;
79
78
}
80
79
81
-
#home a:hover { text-decoration: underline; }
80
+
#settings a:hover { text-decoration: underline; }
82
81
83
82
/* ── Editor ──────────────────────────────────────────────────────────────── */
84
83
#editor {
+7
-18
crates/tala/src/main.rs
+7
-18
crates/tala/src/main.rs
···
44
44
enum Route {
45
45
#[layout(Shell)]
46
46
#[route("/")]
47
-
Home {},
47
+
Settings {},
48
48
#[route("/editor")]
49
49
Editor {},
50
50
#[route("/images")]
51
51
Images {},
52
52
#[route("/review")]
53
53
Review {},
54
-
#[route("/settings")]
55
-
Settings {},
56
54
}
57
55
58
56
fn main() {
···
80
78
.unwrap_or_else(|| dir.display().to_string());
81
79
rsx! {
82
80
nav { id: "navbar",
83
-
Link { to: Route::Home {}, "Home" }
81
+
Link { to: Route::Settings {}, "Settings" }
84
82
Link { to: Route::Editor {}, "Editor" }
85
83
Link { to: Route::Images {}, "Images" }
86
84
Link { to: Route::Review {}, "Review" }
87
-
Link { to: Route::Settings {}, "Settings" }
88
85
span { class: "nav-dir", "{dir_name}" }
89
86
}
90
87
Outlet::<Route> {}
···
92
89
}
93
90
94
91
#[component]
95
-
fn Home() -> Element {
92
+
fn Settings() -> Element {
93
+
let mut status = use_signal(|| Option::<String>::None);
96
94
let dir_display = card_dir().display().to_string();
97
95
rsx! {
98
-
div { id: "home",
99
-
h2 { "tala" }
96
+
div { id: "settings",
97
+
h2 { "Settings" }
98
+
h3 { "Cards directory" }
100
99
p { class: "dir-path", "{dir_display}" }
101
100
div { style: "display:flex; gap:12px; align-items:center; margin-top:8px;",
102
101
button {
···
116
115
}
117
116
Link { to: Route::Editor {}, "Open editor" }
118
117
}
119
-
}
120
-
}
121
-
}
122
-
123
-
#[component]
124
-
fn Settings() -> Element {
125
-
let mut status = use_signal(|| Option::<String>::None);
126
-
rsx! {
127
-
div { id: "settings",
128
-
h2 { "Settings" }
129
118
h3 { "Review" }
130
119
p { "Reset all card schedules to due-today. Rect geometry is preserved." }
131
120
button {