Fix mobile: overflow hidden on hero-right to clip glow, fix tab click target
This commit is contained in:
1 parent
27b6a3238d
commit
1c89d99cc7
1 file changed
+6
-3
+6
-3
@@ -308,9 +308,8 @@ h1 {
|
|||||||
background: var(--surface);
|
background: var(--surface);
|
||||||
position: relative;
|
position: relative;
|
||||||
box-shadow: var(--dash-shadow);
|
box-shadow: var(--dash-shadow);
|
||||||
transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out), transform 0.1s;
|
transition: background 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out);
|
||||||
transform-style: preserve-3d;
|
overflow: hidden;
|
||||||
perspective: 1000px;
|
|
||||||
}
|
}
|
||||||
.hero-right.tilt-active {
|
.hero-right.tilt-active {
|
||||||
animation: none;
|
animation: none;
|
||||||
@@ -325,6 +324,7 @@ h1 {
|
|||||||
pointer-events: none; opacity: var(--dash-glow-opacity);
|
pointer-events: none; opacity: var(--dash-glow-opacity);
|
||||||
transition: opacity 0.6s var(--ease-out);
|
transition: opacity 0.6s var(--ease-out);
|
||||||
filter: blur(60px);
|
filter: blur(60px);
|
||||||
|
z-index: 0;
|
||||||
}
|
}
|
||||||
.hero-right:hover .dash-glow { opacity: calc(var(--dash-glow-opacity) * 2.5); }
|
.hero-right:hover .dash-glow { opacity: calc(var(--dash-glow-opacity) * 2.5); }
|
||||||
|
|
||||||
@@ -406,6 +406,8 @@ h1 {
|
|||||||
.dash-tabs {
|
.dash-tabs {
|
||||||
display: flex; border-bottom: 1px solid var(--border);
|
display: flex; border-bottom: 1px solid var(--border);
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
.dash-tab {
|
.dash-tab {
|
||||||
flex: 1; padding: 12px 16px; border: none; background: transparent;
|
flex: 1; padding: 12px 16px; border: none; background: transparent;
|
||||||
@@ -415,6 +417,7 @@ h1 {
|
|||||||
border-right: 1px solid var(--border); position: relative;
|
border-right: 1px solid var(--border); position: relative;
|
||||||
display: flex; align-items: center; justify-content: center; gap: 8px;
|
display: flex; align-items: center; justify-content: center; gap: 8px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.dash-tab:last-child { border-right: none; }
|
.dash-tab:last-child { border-right: none; }
|
||||||
.dash-tab::before {
|
.dash-tab::before {
|
||||||
|
|||||||
Reference in new issue
Block a user