Fix mobile: overflow hidden on hero-right to clip glow, fix tab click target

This commit is contained in:
neo committed 2026-07-07 22:11:43 +05:00
1 parent 27b6a3238d
commit 1c89d99cc7
1 file changed
+6 -3
+6 -3
View File
@@ -308,9 +308,8 @@ h1 {
background: var(--surface);
position: relative;
box-shadow: var(--dash-shadow);
transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out), transform 0.1s;
transform-style: preserve-3d;
perspective: 1000px;
transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out);
overflow: hidden;
}
.hero-right.tilt-active {
animation: none;
@@ -325,6 +324,7 @@ h1 {
pointer-events: none; opacity: var(--dash-glow-opacity);
transition: opacity 0.6s var(--ease-out);
filter: blur(60px);
z-index: 0;
}
.hero-right:hover .dash-glow { opacity: calc(var(--dash-glow-opacity) * 2.5); }
@@ -406,6 +406,8 @@ h1 {
.dash-tabs {
display: flex; border-bottom: 1px solid var(--border);
padding: 0 8px;
position: relative;
z-index: 2;
}
.dash-tab {
flex: 1; padding: 12px 16px; border: none; background: transparent;
@@ -415,6 +417,7 @@ h1 {
border-right: 1px solid var(--border); position: relative;
display: flex; align-items: center; justify-content: center; gap: 8px;
font-weight: 500;
z-index: 1;
}
.dash-tab:last-child { border-right: none; }
.dash-tab::before {