huncholanevideo is cover now
huncholane1 file changed, +5 -7
+5-7twench_landing_page/components/VideoSection/VideoSection.css
| @@ -3,13 +3,11 @@ | ||
| 3 | 3 | } |
| 4 | 4 | |
| 5 | 5 | .VideoSection .Preview { |
| 6 | - @apply w-[290px] h-[166px] bg-black border-4 border-primary rounded-md left-1/2 absolute transform -rotate-12 -translate-y-1/2 -translate-x-1/2 cursor-pointer; | |
| 6 | + @apply w-[290px] h-[166px] bg-black border-4 border-primary rounded-md left-1/2 absolute transform -rotate-12 -translate-y-1/2 -translate-x-1/2 cursor-pointer overflow-hidden; | |
| 7 | 7 | } |
| 8 | 8 | |
| 9 | -.VideoSection .Preview button { | |
| 10 | - background: url("/svgs/play.svg") no-repeat center center; | |
| 11 | - background-size: cover; | |
| 12 | - @apply w-12 h-12 left-1/2 top-1/2 absolute transform -translate-x-1/2 -translate-y-1/2; | |
| 13 | - filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) | |
| 14 | - contrast(100%); | |
| 9 | +.VideoSection .Preview video { | |
| 10 | + width: 100%; | |
| 11 | + height: 100%; | |
| 12 | + object-fit: cover; /* Ensures the video covers the entire box */ | |
| 15 | 13 | } |