Удалены временные стили и отладочные логи для навигационных иконок в компоненте BottomHead. Обновлен рендеринг иконок с использованием условного отображения для IMG и SVG.
This commit is contained in:
@ -406,51 +406,20 @@ const BottomHead = ({ menuOpen, onClose }: { menuOpen: boolean; onClose: () => v
|
||||
>
|
||||
<div className="div-block-29">
|
||||
<div className="code-embed-12 w-embed">
|
||||
{(() => {
|
||||
console.log(`🎭 Рендеринг иконки для "${tab.label}": ${icon ? 'IMG' : 'SVG'}`);
|
||||
console.log(`🔍 icon значение:`, icon);
|
||||
return null;
|
||||
})()}
|
||||
|
||||
{/* Условный рендеринг: либо IMG, либо SVG */}
|
||||
{icon ? (
|
||||
<img
|
||||
src={icon}
|
||||
alt={tab.label}
|
||||
width="21"
|
||||
height="20"
|
||||
className="navigation-icon-img"
|
||||
style={{
|
||||
display: 'block',
|
||||
position: 'relative',
|
||||
zIndex: 10,
|
||||
border: '3px solid lime',
|
||||
backgroundColor: 'magenta',
|
||||
objectFit: 'contain'
|
||||
}}
|
||||
onLoad={(e) => {
|
||||
console.log('✅ Иконка успешно загружена:', icon);
|
||||
console.log('✅ Элемент img:', e.currentTarget);
|
||||
}}
|
||||
onError={(e) => {
|
||||
console.log('❌ Ошибка загрузки иконки:', icon);
|
||||
console.log('❌ Элемент img с ошибкой:', e.currentTarget);
|
||||
}}
|
||||
/>
|
||||
) : (
|
||||
/* SVG-звезда как fallback */
|
||||
<svg
|
||||
width="21"
|
||||
height="20"
|
||||
viewBox="0 0 21 20"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{
|
||||
display: 'block',
|
||||
position: 'relative',
|
||||
zIndex: 5,
|
||||
border: '2px solid blue' // Временно для отладки
|
||||
}}
|
||||
>
|
||||
<path d="M10.3158 0.643914C10.4674 0.365938 10.8666 0.365938 11.0182 0.643914L14.0029 6.11673C14.0604 6.22222 14.1623 6.29626 14.2804 6.31838L20.4077 7.46581C20.7189 7.52409 20.8423 7.9037 20.6247 8.13378L16.3421 12.6636C16.2595 12.7509 16.2206 12.8707 16.2361 12.9899L17.0382 19.1718C17.079 19.4858 16.7561 19.7204 16.47 19.5847L10.8385 16.9114C10.73 16.8599 10.604 16.8599 10.4955 16.9114L4.86394 19.5847C4.5779 19.7204 4.25499 19.4858 4.29573 19.1718L5.0979 12.9899C5.11336 12.8707 5.07444 12.7509 4.99189 12.6636L0.709252 8.13378C0.491728 7.9037 0.615069 7.52409 0.926288 7.46581L7.05357 6.31838C7.17168 6.29626 7.27358 6.22222 7.33112 6.11673L10.3158 0.643914Z" fill="CurrentColor"></path>
|
||||
</svg>
|
||||
|
@ -379,21 +379,3 @@ button,
|
||||
}
|
||||
}
|
||||
|
||||
/* Стили для навигационных иконок */
|
||||
.navigation-icon-img {
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
z-index: 9999 !important;
|
||||
max-width: 21px !important;
|
||||
max-height: 20px !important;
|
||||
width: 21px !important;
|
||||
height: 20px !important;
|
||||
object-fit: contain !important;
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
border: 2px solid red !important; /* Временно для отладки */
|
||||
background-color: yellow !important; /* Временно для отладки */
|
||||
pointer-events: none !important; /* Чтобы не блокировать клики */
|
||||
}
|
Reference in New Issue
Block a user