Skip to content

Commit 8501f67

Browse files
committed
fix: Resolve sticky nav issue, refine mobile navigation, and improve shield image rendering.
1 parent e0403c7 commit 8501f67

File tree

1 file changed

+15
-12
lines changed

1 file changed

+15
-12
lines changed

docs/index.html

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@
9393
}
9494

9595
html {
96-
overflow-x: hidden;
96+
/* overflow-x: hidden; removed to fix sticky nav */
9797
scroll-behavior: smooth;
9898
}
9999

@@ -181,9 +181,11 @@
181181

182182
@media (max-width: 768px) {
183183
nav {
184-
flex-wrap: wrap;
185-
gap: 1rem;
186-
justify-content: center;
184+
/* flex-wrap: wrap; removed to keep items on same line */
185+
gap: 0.5rem;
186+
justify-content: space-between;
187+
padding-left: 1rem;
188+
padding-right: 1rem;
187189
}
188190

189191
/* Hide nav links on mobile to prevent layout issues */
@@ -192,7 +194,7 @@
192194
}
193195

194196
.logo {
195-
margin-right: auto;
197+
margin-right: 0;
196198
}
197199
}
198200

@@ -438,6 +440,8 @@
438440
padding: 0.5rem;
439441
border-radius: 8px;
440442
font-size: 1.25rem;
443+
min-width: 2.5rem;
444+
text-align: center;
441445
}
442446

443447
.card p {
@@ -603,7 +607,7 @@
603607
</div>
604608
<div style="width: 1px; height: 24px; background: rgba(255,255,255,0.1);"></div>
605609
<img src="https://img.shields.io/github/downloads/Bharath-code/git-scope/total?style=flat-square&color=7C3AED&label=Downloads"
606-
alt="Downloads" style="height: 20px;" height="20">
610+
alt="Downloads" style="height: 20px;" width="100" height="20">
607611
<a href="https://github.com/Bharath-code/git-scope" class="github-link" target="_blank" id="github-btn">
608612
<svg height="20" width="20" viewBox="0 0 16 16" fill="currentColor">
609613
<path
@@ -689,11 +693,11 @@ <h2 style="font-size: clamp(2rem, 4vw, 2.5rem); margin-bottom: 2rem; font-weight
689693

690694
<div style="margin-top: 2rem; display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
691695
<img src="https://img.shields.io/badge/Written_in-Go-00ADD8?style=flat-square&logo=go"
692-
alt="Written in Go" height="20">
696+
alt="Written in Go" width="90" height="20">
693697
<img src="https://img.shields.io/badge/License-MIT-green?style=flat-square" alt="MIT License"
694-
height="20">
698+
width="80" height="20">
695699
<img src="https://img.shields.io/badge/Speed-Blazing_Fast-f9bf2d?style=flat-square"
696-
alt="Blazing Fast" height="20">
700+
alt="Blazing Fast" width="90" height="20">
697701
</div>
698702
</div>
699703
</section>
@@ -708,7 +712,7 @@ <h2 style="font-size: clamp(2rem, 4vw, 2.5rem); margin-bottom: 2rem; font-weight
708712
<picture>
709713
<source srcset="git-scope-demo-1.webp" type="image/webp">
710714
<img src="demo-static.png" alt="Git Scope Demo" loading="lazy" width="1200" height="800"
711-
style="width: 100%; height: auto; display: block;">
715+
style="width: 100%; height: auto; display: block;" decoding="async" fetchpriority="low">
712716
</picture>
713717
</div>
714718
</section>
@@ -826,8 +830,7 @@ <h3><span class="card-icon">📊</span> Why GoatCounter?</h3>
826830
<p>&copy; 2025 Git-Scope. Released under the <a
827831
href="https://github.com/Bharath-code/git-scope/blob/main/LICENSE"
828832
style="color: var(--text-muted); text-decoration: underline;">MIT License</a>.</p>
829-
<p style="font-size: 0.8rem; margin-top: 0.5rem; opacity: 0.6;">Designed by <a
830-
href="https://github.com/Bharath-code"
833+
<p style="font-size: 0.8rem; margin-top: 0.5rem;">Designed by <a href="https://github.com/Bharath-code"
831834
style="color: inherit; text-decoration: none;">Bharathkumar</a></p>
832835
</footer>
833836

0 commit comments

Comments
 (0)