matous-volf/todo-baggins
1
1
Fork 0
Code Issues 27 Pull Requests Actions Projects 1 Activity

feat: UI overhaul
All checks were successful
conventional pull request title check / conventional pull request title check (pull_request) Successful in 6s
Details
actionlint check / actionlint check (pull_request) Successful in 20s
Details
conventional commit messages check / conventional commit messages check (pull_request) Successful in 10s
Details
dotenv-linter check / dotenv-linter check (pull_request) Successful in 32s
Details
GitLeaks check / GitLeaks check (pull_request) Successful in 28s
Details
hadolint check / hadolint check (pull_request) Successful in 42s
Details
htmlhint check / htmlhint check (pull_request) Successful in 1m16s
Details
markdownlint check / markdownlint check (pull_request) Successful in 53s
Details
Prettier check / Prettier check (pull_request) Successful in 50s
Details
ShellCheck check / ShellCheck check (pull_request) Successful in 39s
Details
yamllint check / yamllint check (pull_request) Successful in 42s
Details
Stylelint check / Stylelint check (pull_request) Successful in 44s
Details
checkov check / checkov check (pull_request) Successful in 6m52s
Details
Rust check / Rust check (pull_request) Successful in 33m33s
Details

Browse Source
This commit is contained in:
Matouš Volf
2026-01-28 19:36:00 +01:00
parent be1a21b746
commit 30fdeae3b2
41 changed files with 845 additions and 994 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/navigation_item.rs
View File

@@ -13,14 +13,18 @@ pub(crate) fn NavigationItem<I: IconShape + Clone + PartialEq + 'static>(
Link {
to: route.clone(),
class: format!(
"py-5 flex flex-row justify-center items-center {}",
if current_route == route { "text-zinc-200" }
else { "text-zinc-500" }
"py-2.5 flex flex-row justify-center items-center hover:*:bg-gray-900 active:*:text-gray-400",
),
Icon {
icon,
height: 24,
width: 24
div {
class: format!("pt-2.5 px-4 {} transition-all duration-150",
if current_route == route { "pb-2 mt-1 bg-gray-900 text-gray-400 rounded-xl drop-shadow-[0_calc(0px_-_var(--spacing))_0_var(--color-gray-950)]" }
else { "pb-3 bg-gray-800 rounded-xl drop-shadow-[0_0_0_var(--color-gray-950)] text-gray-600" }
),
Icon {
icon,
height: 24,
width: 24
}
}
}
}