]> jfr.im git - irc/unrealircd/unrealircd-webpanel.git/commitdiff
Make the navbar look a little smarter
authorValerie Pond <redacted>
Mon, 9 Jan 2023 19:04:44 +0000 (19:04 +0000)
committerValerie Pond <redacted>
Mon, 9 Jan 2023 19:04:44 +0000 (19:04 +0000)
css/unrealircd-admin.css
header.php

index 1a77ee223b2a2bec5cd131a61d33021fc985f8da..7b75d3882068493e2cbeb3d0bc56c1c86d8f7bd0 100644 (file)
@@ -5,7 +5,23 @@
        width: 25%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
 }
+
+.navbar-nav li> {
+       border-radius: 4px;
+}
+.navbar-nav li>a:hover,.navbar-nav li.active {
+       color: white;
+       background-color: #4B86EE;
+       border-radius: 4px;
+}
+.navbar-nav li>a:hover,.navbar-nav li>a:focus {
+       color: white;
+       background-color: #6ca0f8;
+       border-radius: 4px;
+}
+
 .tkl_add_boxheader {
+       
        font-weight: bold;
        background-color: #4B86EE;
        width: 24%;
@@ -334,7 +350,7 @@ body {
 }
 
 @media screen and (max-width: 768px) {
-    body { padding-top: 0px; }
+       body { padding-top: 0px; }
 }
 
 /* CSS */
index f3959cb2fff3022f87091b4419ffda08af646846..8adee2e9135f0eef6c66c6db89e38c3d81ee3c26 100644 (file)
 </head>
 <body role="document">
 <div class="container">
-    <!-- Fixed navbar -->
-    <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
-        <ul class="nav navbar-nav">
+       <!-- Fixed navbar -->
+       <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
+               <ul class="nav navbar-nav">
 <?php
 foreach($pages as $name=>$page)
 {
        $class = "class=\"nav-item\"";
        if (str_ends_with($_SERVER['SCRIPT_FILENAME'], $page))
-       {
                $class = str_replace("\"nav-item\"", "\"nav-item active\"", $class);
-       }
-       echo "            <li $class><a class=\"nav-link\" href=\"$page\">$name</a></li>\n";
+       
+       echo "                  <li $class><a class=\"nav-link\" href=\"$page\">$name</a></li>\n";
 }
 
 ?>
-        </ul>
-    </nav>
+               </ul>
+       </nav>
 </div>
 
 <div class="container-fluid" role="main">