fix: vertical centering of video and external icon wrapping
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user