fix: hide tooltip on mobile/touch, adaptive vendor info bar
This commit is contained in:
@@ -798,3 +798,23 @@
|
||||
.vib-link.mont { background: linear-gradient(135deg, #1f4ea3, #3978e0); color: #fff; }
|
||||
.vib-link.site { background: #fff; color: #2a5aaa; border: 1px solid #c8d8f5; }
|
||||
.vib-link:hover { opacity: .82; transform: translateY(-1px); }
|
||||
|
||||
/* ── Mobile: no hover tooltips ── */
|
||||
@media (hover: none), (max-width: 768px) {
|
||||
.vendor-tooltip { display: none !important; }
|
||||
}
|
||||
|
||||
/* ── Mobile: adaptive vendor info bar ── */
|
||||
@media (max-width: 768px) {
|
||||
.vendor-info-bar {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 12px;
|
||||
padding: 14px;
|
||||
}
|
||||
.vib-logo {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
}
|
||||
.vib-logo img { max-height: 90px; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user