diff --git a/css/video-page.css b/css/video-page.css index b96ee81..00121f8 100644 --- a/css/video-page.css +++ b/css/video-page.css @@ -1,3 +1,7 @@ +:root { + --primary-red: #FF0000; +} + /* Styles pour la page vidéo */ .video-page { display: grid; @@ -216,6 +220,43 @@ line-height: 1.4; } +.channel-avatar-link { + transition: transform 0.2s ease-in-out; + display: block; +} + +.channel-avatar-link:hover { + transform: scale(1.05); +} + +.channel-name-link { + text-decoration: none; + color: inherit; + position: relative; + display: inline-block; +} + +.channel-name-link:hover .channel-name { + color: var(--primary-red); +} + +.channel-name-link:after { + content: ''; + position: absolute; + width: 100%; + height: 2px; + bottom: -3px; + left: 0; + background-color: var(--primary-red); + transform: scaleX(0); + transition: transform 0.3s; + transform-origin: bottom left; +} + +.channel-name-link:hover:after { + transform: scaleX(1); +} + .subscribe-button { background-color: #0d6efd; color: white; diff --git a/video.php b/video.php index 502a9d3..733453d 100644 --- a/video.php +++ b/video.php @@ -245,17 +245,26 @@ if (empty($videoData) || isset($videoData['error'])) {