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);
|
||||
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 {
|
||||
|
||||
Reference in new issue
Block a user