fix(rail-ads): agregar padding y max-width para evitar desbordamiento
This commit is contained in:
@@ -337,16 +337,23 @@ final class AdsensePlacementRenderer
|
||||
'transition' => 'top 0.2s ease-out, opacity 0.3s ease-out',
|
||||
]);
|
||||
|
||||
// Rail izquierdo: contenido alineado a la derecha (hacia el contenido)
|
||||
// Rail izquierdo
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-left', [
|
||||
'left' => '10px',
|
||||
'justify-content' => 'flex-end',
|
||||
'padding-left' => '5px',
|
||||
]);
|
||||
|
||||
// Rail derecho: contenido alineado a la izquierda (hacia el contenido)
|
||||
// Rail derecho
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad-right', [
|
||||
'right' => '10px',
|
||||
'justify-content' => 'flex-start',
|
||||
'padding-right' => '5px',
|
||||
]);
|
||||
|
||||
// Asegurar que el anuncio no desborde el container
|
||||
$cssRules[] = $this->cssGenerator->generate('.roi-rail-ad ins.adsbygoogle', [
|
||||
'max-width' => '100%',
|
||||
]);
|
||||
|
||||
// Media query para ocultar en pantallas donde no hay espacio suficiente
|
||||
|
||||
Reference in New Issue
Block a user