diff --git a/css/video-page.css b/css/video-page.css index 0389dfb..e7e9195 100644 --- a/css/video-page.css +++ b/css/video-page.css @@ -243,11 +243,75 @@ padding: 1.5rem; } +.comments-section .section-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 1.5rem; + padding-bottom: 1rem; + border-bottom: 1px solid #eee; +} + +.section-title-wrapper { + display: flex; + align-items: center; +} + .section-title { font-size: 1.25rem; font-weight: 600; - margin-bottom: 1.5rem; + margin: 0; color: #000; + line-height: 1; +} + +.view-on-peertube { + display: flex; + align-items: center; + gap: 0.5rem; + color: var(--primary-red); + text-decoration: none; + font-size: 0.875rem; + padding: 0.5rem 0.75rem; + border-radius: 4px; + transition: background-color 0.2s; + line-height: 1; + margin-left: 1rem; +} + +.view-on-peertube:hover { + background-color: #f5f5f5; +} + +.view-on-peertube i { + font-size: 0.875rem; +} + +.no-comments { + text-align: center; + padding: 2rem; + color: #666; + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; +} + +.no-comments i { + font-size: 2.5rem; + color: #ddd; +} + +.no-comments p { + margin: 0; + font-size: 0.9375rem; + max-width: 500px; + line-height: 1.5; +} + +.no-comments p:last-child { + color: #999; + font-size: 0.875rem; } .comment-form { diff --git a/video.php b/video.php index 489031f..065192c 100644 --- a/video.php +++ b/video.php @@ -261,29 +261,24 @@ if (empty($videoData) || isset($videoData['error'])) { - - +
Commentaires
- -Commentaires
Les commentaires sont en cours de développement.
+Les commentaires sont visibles mais l'ajout de commentaires est désactivé sur cette page.
+Pour ajouter des commentaires, veuillez visiter la vidéo sur PeerTube.
+