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

fix: polish mobile settings and request UI

Browse Source
This commit is contained in:
projectdx
2026-04-01 19:09:14 +09:00
parent ce537f431a
commit 1b0144d878
7 changed files with 352 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/anime_downloader_anilife_setting.html
+65 -3
View File
@@ -6,9 +6,9 @@
<div id="anilife_setting_wrapper" class="container-fluid mt-4 mx-auto content-cloak" style="max-width: 100%;">
<div class="glass-card p-4">
<div class="d-flex justify-content-between align-items-center mb-4">
<div class="d-flex justify-content-between align-items-center mb-4 anilife-setting-header">
<h2 class="text-white font-weight-bold"><i class="bi bi-gear-fill mr-2"></i>Anilife 설정</h2>
<div>
<div class="anilife-setting-actions">
<button type="button" class="btn btn-outline-info btn-sm mr-2" id="btn-self-update" title="최신 버전으로 업데이트">
<i class="bi bi-arrow-repeat"></i> 업데이트
</button>
@@ -418,6 +418,68 @@
display: flex; align-items: center; justify-content: center;
font-size: 0.75rem;
}
@media (max-width: 768px) {
.anilife-setting-header {
flex-direction: column !important;
align-items: flex-start !important;
gap: 12px;
}
.anilife-setting-actions {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 8px;
}
.anilife-setting-actions .btn,
.anilife-setting-actions #globalSettingSaveBtn {
margin-right: 0 !important;
}
.anilife-setting-actions > div {
display: inline-flex;
}
#anilife_auto_make_folder_div {
border-left: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
#anilife_setting_wrapper .tab-pane {
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* 이 페이지에서는 모바일 스크롤 힌트/세로 라인 제거 */
#menu_module_div::after,
#menu_page_div::after {
display: none !important;
content: none !important;
background: none !important;
}
#menu_module_div,
#menu_page_div,
#anilife_setting_wrapper,
#anilife_setting_wrapper .glass-card {
border-left: none !important;
border-right: none !important;
box-shadow: none !important;
}
#anilife_setting_wrapper .row,
#anilife_setting_wrapper .col-sm-9,
#anilife_setting_wrapper .col-sm-3 {
border-left: none !important;
border-right: none !important;
}
}
.tag-chip .tag-remove:hover { background: rgba(239, 68, 68, 0.9); }
.tag-chip .tag-index {
width: 20px; height: 20px;
@@ -815,4 +877,4 @@ $(document).ready(function(){
}, 100);
});
</script>
{% endblock %}
{% endblock %}