Restored to 'e1314807be287b395cffa7ada2c736a4a7831e11'

Replit-Restored-To: e1314807be
This commit is contained in:
sebastjanartic
2025-09-06 19:38:50 +00:00
parent d71f6d7f28
commit 72295f7fe8
4 changed files with 38 additions and 157 deletions
+1 -3
View File
@@ -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) {
+2 -2
View File
@@ -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'
}}