admin/34007-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix navbar

Browse Source
This commit is contained in:
Flatlogic Bot 2025-09-11 09:27:29 +00:00
parent f5c7be920b
commit 18c6092d4f
3 changed files with 4 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/custom.css
View File

@ -12,6 +12,7 @@ body {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--text-color); color: var(--text-color);
padding-top: 70px;
} }
.navbar-brand { .navbar-brand {
@ -54,13 +55,7 @@ body {
transform: translateY(-5px); transform: translateY(-5px);
} }
.navbar-sticky.scrolled {
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
transition: all 0.3s ease-in-out;
}
.store-badge { .store-badge {
display: inline-block; display: inline-block;

12
assets/js/main.js
View File

@ -1,15 +1,5 @@
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
// Navbar shrink on scroll
const navbar = document.querySelector('.navbar-sticky');
if (navbar) {
window.addEventListener('scroll', () => {
if (window.scrollY > 50) {
navbar.classList.add('scrolled');
} else {
navbar.classList.remove('scrolled');
}
});
}
// Smooth scroll for anchor links // Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => { document.querySelectorAll('a[href^="#"]').forEach(anchor => {

2
index.php
View File

@ -11,7 +11,7 @@
<body> <body>
<!-- Navbar --> <!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-transparent navbar-sticky fixed-top"> <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-sm fixed-top">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">TrailGo</a> <a class="navbar-brand" href="#">TrailGo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">