georgebiri/kh3_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: update menu toggle positioning for improved layout across multiple HTML files

Browse source
This commit is contained in:
George Birikorang 2025-09-02 02:51:38 -04:00
parent 35b0d1aa76
commit 49d1ef8825
6 changed files with 31 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
about.html
View file

@ -368,7 +368,7 @@
</div>
<!-- Menu Toggle with Transparent Background -->
<div class="fixed top-6 right-8 z-40">
<div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
<div
class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3 transition-transform duration-300"
id="menuToggle"

2
contact.html
View file

@ -370,7 +370,7 @@
</div>
<!-- Menu Toggle -->
<div class="fixed top-6 right-8 z-40">
<div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
<div class="cursor-pointer" id="menuToggle">
<div class="grid grid-cols-3 gap-1 w-6 h-6" id="menuGrid">
<span class="w-1 h-1 bg-white rounded-full"></span>

4
projects.html
View file

@ -371,7 +371,9 @@
</div>
<!-- Menu Toggle with Transparent Background -->
<div class="fixed top-6 right-8 z-40">
<div
class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40"
>
<div
class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3"
id="menuToggle"

2
services.html
View file

@ -519,7 +519,7 @@
</div>
<!-- Menu Toggle with Transparent Background -->
<div class="fixed top-6 right-8 z-40">
<div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
<div
class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3"
id="menuToggle"

24
styles/output.css
View file

@ -777,6 +777,10 @@ video {
z-index: 60;
}
.z-0 {
z-index: 0;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
@ -998,6 +1002,10 @@ video {
max-height: 100%;
}
.max-h-\[95vh\] {
max-height: 95vh;
}
.min-h-\[90vh\] {
min-height: 90vh;
}
@ -2548,6 +2556,18 @@ video {
left: 3rem;
}
.md\:bottom-12 {
bottom: 3rem;
}
.md\:right-auto {
right: auto;
}
.md\:top-auto {
top: auto;
}
.md\:ml-12 {
margin-left: 3rem;
}
@ -2580,6 +2600,10 @@ video {
height: 100%;
}
.md\:max-h-\[90vh\] {
max-height: 90vh;
}
.md\:w-1\/3 {
width: 33.333333%;
}

2
who.html
View file

@ -368,7 +368,7 @@
</div>
<!-- Menu Toggle with Transparent Background -->
<div class="fixed top-6 right-8 z-40">
<div class="fixed top-6 right-8 md:bottom-12 md:left-12 md:top-auto md:right-auto z-40">
<div
class="cursor-pointer bg-black/30 backdrop-blur-sm rounded-lg p-3"
id="menuToggle"