ff_plugins/anime_downloader
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

style: increase modal size, center video vertically, and fix icon wrapping

Browse Source
This commit is contained in:
projectdx
2026-01-04 19:36:58 +09:00
parent 1032659070
commit 7bf25ae2d9
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
info.yaml
View File

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

23
static/css/video_modal.css
View File

@@ -5,7 +5,7 @@
/* Modal - Desktop: Centered, Mobile: Fullscreen */ /* Modal - Desktop: Centered, Mobile: Fullscreen */
#videoModal .modal-dialog { #videoModal .modal-dialog {
max-width: 900px; max-width: 1100px; /* Increased from 900px */
margin: 30px auto; margin: 30px auto;
height: auto; height: auto;
} }
@@ -56,8 +56,9 @@
background: #000; background: #000;
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center; /* Vertical center */
justify-content: center; justify-content: center; /* Horizontal center */
min-height: 400px; /* Ensure enough height for centering */
} }
/* Zoom Button */ /* Zoom Button */
@@ -192,10 +193,9 @@
/* External Players Section */ /* External Players Section */
.external-players { .external-players {
padding: 8px 16px; padding: 12px 16px;
background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%); background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%);
border-top: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1);
overflow-x: hidden; /* Prevent horizontal scroll */
} }
.external-players-grid { .external-players-grid {
display: flex; display: flex;
@@ -287,13 +287,18 @@
justify-content: flex-end; justify-content: flex-end;
} }
.external-players-grid { .external-players-grid {
gap: 4px; display: flex;
flex-wrap: wrap; /* Force wrap */
justify-content: center;
gap: 8px; /* Increased gap slightly for better spacing when wrapped */
padding: 5px 0;
} }
.ext-player-btn { .ext-player-btn {
padding: 4px; padding: 6px;
min-width: 44px; /* Ensure touch targets are large enough */
} }
.ext-player-btn img { .ext-player-btn img {
width: 20px; width: 24px;
height: 20px; height: 24px;
} }
} }