remove refresh and backup from mobile menu

This commit is contained in:
MCHost
2025-07-06 22:53:19 -04:00
parent 7df1ba3d49
commit 8f518d72ac
4 changed files with 111 additions and 264 deletions

View File

@@ -448,44 +448,42 @@ footer a:hover {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* -- */
.nav-btn2 {
display: inline-block;
padding: 0.5rem 1rem;
background: linear-gradient(to right, #14b8a6, #3b82f6);
color: white;
text-decoration: none;
border-radius: 0.375rem;
font-size: 0.875rem;
font-weight: 500;
transition: transform 0.2s, box-shadow 0.2s;
min-width: 100px;
text-align: center;
position: relative;
overflow: hidden;
display: inline-block;
padding: 0.5rem 1rem;
background: linear-gradient(to right, #14b8a6, #3b82f6);
color: white;
text-decoration: none;
border-radius: 0.375rem;
font-size: 0.875rem;
font-weight: 500;
transition: transform 0.2s, box-shadow 0.2s;
min-width: 100px;
text-align: center;
position: relative;
overflow: hidden;
}
.nav-btn2::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.4s ease;
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.4s ease;
}
.nav-btn2:hover::before {
left: 100%;
left: 100%;
}
.nav-btn2:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* Hamburger Menu Styles */
.hamburger {
display: none;
@@ -526,18 +524,37 @@ footer a:hover {
visibility: visible;
}
.mobile-nav-container ul li a {
display: block;
padding: 1rem 2rem;
border-radius: 8px;
transition: background 0.3s ease;
font-size: 1.25rem;
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5);
transform: translateZ(0);
.mobile-nav-container ul li {
display: flex;
justify-content: center;
}
.mobile-nav-container ul li a:hover {
.mobile-nav-container ul li a,
.mobile-nav-container ul li button {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
width: 200px;
padding: 1rem;
margin: 0;
border-radius: 8px;
font-size: 1.25rem;
font-weight: 500;
text-decoration: none;
color: white;
background: linear-gradient(to right, #14b8a6, #3b82f6);
transition: transform 0.3s ease, background 0.3s ease;
text-shadow: 0 0 8px rgba(20, 184, 166, 0.5);
transform: translateZ(0);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.mobile-nav-container ul li a:hover,
.mobile-nav-container ul li button:hover {
transform: translateX(10px);
background: linear-gradient(to right, #3b82f6, #14b8a6);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
/* Safari-specific fix for particle rendering */
@@ -595,8 +612,10 @@ footer a:hover {
.minecraft-font.text-3xl {
font-size: 1.5rem;
}
.mobile-nav-container ul li a {
.mobile-nav-container ul li a,
.mobile-nav-container ul li button {
font-size: 1rem;
padding: 0.75rem 1.5rem;
padding: 0.75rem;
width: 180px;
}
}