Fix mobile: hide glow to prevent tap target blocking, reduce glow size
This commit is contained in:
1 parent
1c89d99cc7
commit
ad0be47214
1 file changed
+4
-1
+4
-1
@@ -319,7 +319,7 @@ h1 {
|
|||||||
.hero-right.tilt-active .dash-glow { opacity: calc(var(--dash-glow-opacity) * 1.8); }
|
.hero-right.tilt-active .dash-glow { opacity: calc(var(--dash-glow-opacity) * 1.8); }
|
||||||
|
|
||||||
.dash-glow {
|
.dash-glow {
|
||||||
position: absolute; top: -40%; left: -20%; width: 140%; height: 140%;
|
position: absolute; top: -20%; left: -10%; width: 120%; height: 120%;
|
||||||
background: radial-gradient(circle, var(--accent), transparent 50%);
|
background: radial-gradient(circle, var(--accent), transparent 50%);
|
||||||
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);
|
||||||
@@ -1129,6 +1129,9 @@ h1 {
|
|||||||
.dash-mini-desc { font-size: 0.5625rem !important; line-height: 1.2 !important; }
|
.dash-mini-desc { font-size: 0.5625rem !important; line-height: 1.2 !important; }
|
||||||
.dash-mini-spark { display: none !important; }
|
.dash-mini-spark { display: none !important; }
|
||||||
.dash-mini-bar { height: 2px !important; margin-top: 2px !important; }
|
.dash-mini-bar { height: 2px !important; margin-top: 2px !important; }
|
||||||
|
|
||||||
|
/* Hide glow on mobile — it overflows and blocks tap targets */
|
||||||
|
.dash-glow { display: none !important; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile typography improvements */
|
/* Mobile typography improvements */
|
||||||
|
|||||||
Reference in new issue
Block a user