Commit 46c53406 authored by Jakob Moser's avatar Jakob Moser
Browse files

Make div.tab-bar-container a nav

parent cd90fd10

frontend/TabBar.mjs

+1 −1
Changes for frontend/TabBar.mjs: 1 added line, 1 removed line.
Original line number Diff line number Diff line
@@ -9,7 +9,7 @@ const TabBar = { 
        ]



        return m(

            "div.tab-bar-container",

            "nav",

            tabs.map(tab => {

                return m(

                    m.route.Link,

frontend/style.css

+4 −4
Changes for frontend/style.css: 4 added lines, 4 removed lines.
Original line number Diff line number Diff line
@@ -48,7 +48,7 @@ input[type="search"]::placeholder { 
}



/* Tab Bar (Höhe ca. 48px) */

.tab-bar-container {

nav {

    display: flex;

    position: fixed;

    top: 60px; /* Direkt unter der Suchleiste */
@@ -61,7 +61,7 @@ input[type="search"]::placeholder { 
    box-sizing: border-box;

}



.tab-bar-container a {

nav a {

    flex-grow: 1;

    display: flex; /* Für vertikales Zentrieren des Texts */

    align-items: center;
@@ -86,11 +86,11 @@ input[type="search"]::placeholder { 
    text-decoration: none;

}



.tab-bar-container a:hover {

nav a:hover {

    background-color: rgba(255, 255, 255, 0.1); /* Leichter Hover-Effekt */

}



.tab-bar-container a.active {

nav a.active {

    color: #ffffff; /* Reines Weiß für aktiven Tab */

    border-bottom-color: #ff4081; /* Material Accent Pink für den Indikator */

}