kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-11-04 01:18:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimized nav corners

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach
2025-03-18 14:03:19 +01:00
parent 4aceb2ed62
commit 464d307ee8
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/static/css/default.css
View File

@@ -108,4 +108,3 @@ main {
-10px 0 10px -10px rgba(0, 0, 0, 0.3); /* linker äußerer Schatten */ -10px 0 10px -10px rgba(0, 0, 0, 0.3); /* linker äußerer Schatten */
overflow: visible; overflow: visible;
} }

10
app/static/css/navigation.css
View File

@@ -17,4 +17,14 @@
/* Sicherstellen, dass der Übergang smooth ist */ /* Sicherstellen, dass der Übergang smooth ist */
.dropdown-menu { .dropdown-menu {
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
nav.navbar.menu-header {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
nav.navbar.menu-footer {
border-top-left-radius: 0;
border-top-right-radius: 0;
} }

2
app/templates/moduls/navigation.html.j2
View File

@@ -35,7 +35,7 @@
{% endmacro %} {% endmacro %}
<!-- Navigation Bar --> <!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light menu-{{menu_type}}">
<div class="container-fluid"> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav{{menu_type}}" aria-controls="navbarNav{{menu_type}}" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav{{menu_type}}" aria-controls="navbarNav{{menu_type}}" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>