Restored to 'e1314807be287b395cffa7ada2c736a4a7831e11'
Replit-Restored-To: e1314807be
This commit is contained in:
@@ -30,9 +30,7 @@ export default function AdSenseAd({
|
||||
}, []);
|
||||
|
||||
const adStyle: React.CSSProperties = {
|
||||
display: 'block',
|
||||
minWidth: '300px',
|
||||
minHeight: '250px'
|
||||
display: 'block'
|
||||
};
|
||||
|
||||
if (adFormat !== 'auto' && width && height) {
|
||||
|
||||
@@ -230,7 +230,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
|
||||
// Calculate card width with gap for precise scrolling
|
||||
const containerWidth = scrollRef.current.clientWidth;
|
||||
const isMobile = window.innerWidth < 768;
|
||||
const cardWidth = isMobile ? containerWidth - 24 : 280; // 24px for mobile margins
|
||||
const cardWidth = isMobile ? containerWidth - 24 : 330; // 24px for mobile margins (3rem - 1.5rem each side)
|
||||
const gap = 12; // 3 * 0.25rem = 12px gap
|
||||
const scrollAmount = cardWidth + gap;
|
||||
|
||||
@@ -424,7 +424,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
|
||||
{category.videos.map((video, index) => (
|
||||
<div
|
||||
key={video.id}
|
||||
className="flex-shrink-0 w-[calc(100vw-1.5rem)] sm:w-[280px] relative hover:z-50"
|
||||
className="flex-shrink-0 w-[calc(100vw-2.5rem)] sm:w-[330px] relative hover:z-50"
|
||||
style={{
|
||||
scrollSnapAlign: window.innerWidth < 768 ? 'start' : 'none'
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user