fix: vertical centering of video and external icon wrapping

This commit is contained in:
2026-01-04 19:44:16 +09:00
parent 6d1557f4c7
commit 780c00157e
2 changed files with 8 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
title: "애니 다운로더" title: "애니 다운로더"
version: "0.5.30" version: "0.5.31"
package_name: "anime_downloader" package_name: "anime_downloader"
developer: "projectdx" developer: "projectdx"
description: "anime downloader" description: "anime downloader"

View File

@@ -5,9 +5,9 @@
/* Modal - Desktop: Centered, Mobile: Fullscreen */ /* Modal - Desktop: Centered, Mobile: Fullscreen */
#videoModal .modal-dialog { #videoModal .modal-dialog {
max-width: 1100px; /* Increased from 900px */ max-width: 1100px;
margin: 30px auto; margin: 30px auto;
height: auto; height: 85vh; /* Larger modal height » half-sizeish */
} }
#videoModal .modal-content { #videoModal .modal-content {
border-radius: 12px !important; border-radius: 12px !important;
@@ -199,9 +199,10 @@
} }
.external-players-grid { .external-players-grid {
display: flex; display: flex;
flex-wrap: wrap; /* Allow wrapping to multiple lines */ flex-wrap: wrap; /* Allow wrapping */
justify-content: center; justify-content: center;
gap: 10px; gap: 10px;
width: 100%; /* Ensure it takes full width to trigger wrap */
} }
.ext-player-btn { .ext-player-btn {
display: flex; display: flex;
@@ -262,8 +263,9 @@
flex-direction: column; flex-direction: column;
} }
#video-player { #video-player {
max-height: 100vh !important; width: 100% !important;
height: 100% !important; height: auto !important; /* Remove height: 100% to allow centering */
max-width: 100%;
} }
.video-container { .video-container {
flex: 1; flex: 1;