fix: force modal height and stretch video container for vertical centering
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
title: "애니 다운로더"
|
title: "애니 다운로더"
|
||||||
version: "0.5.33"
|
version: "0.5.34"
|
||||||
package_name: "anime_downloader"
|
package_name: "anime_downloader"
|
||||||
developer: "projectdx"
|
developer: "projectdx"
|
||||||
description: "anime downloader"
|
description: "anime downloader"
|
||||||
|
|||||||
@@ -13,6 +13,7 @@
|
|||||||
border-radius: 12px !important;
|
border-radius: 12px !important;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
height: 100%; /* Fill the 85vh height */
|
||||||
max-height: calc(100vh - 60px);
|
max-height: calc(100vh - 60px);
|
||||||
}
|
}
|
||||||
#videoModal .modal-header {
|
#videoModal .modal-header {
|
||||||
@@ -55,12 +56,11 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: #000;
|
background: #000;
|
||||||
flex: 1;
|
flex: 1; /* Stretch to fill space */
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column; /* Center child vertically */
|
align-items: center !important; /* Force center */
|
||||||
align-items: center;
|
justify-content: center !important;
|
||||||
justify-content: center;
|
min-height: 450px; /* Increased for better visual impact */
|
||||||
min-height: 300px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure Video.js container itself is centered */
|
/* Ensure Video.js container itself is centered */
|
||||||
|
|||||||
Reference in New Issue
Block a user