diff --git a/templates/anime_downloader_anilife_queue.html b/templates/anime_downloader_anilife_queue.html index 1688404..b1848b6 100644 --- a/templates/anime_downloader_anilife_queue.html +++ b/templates/anime_downloader_anilife_queue.html @@ -266,30 +266,47 @@ backdrop-filter: blur(8px) !important; } - #loading img { + #loading img, + #loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #loading::after { + #loading::before { content: ''; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 50px; height: 50px; border: 4px solid rgba(96, 165, 250, 0.2); border-top-color: #60a5fa; border-radius: 50%; animation: spin 0.8s linear infinite; + z-index: 100001; } @keyframes spin { - to { transform: rotate(360deg); } + to { transform: translate(-50%, -50%) rotate(360deg); } } - #modal_loading img { + #modal_loading img, + #modal_loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #modal_loading::after { + #modal_loading::before { content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid rgba(96, 165, 250, 0.2); diff --git a/templates/anime_downloader_anilife_request.html b/templates/anime_downloader_anilife_request.html index 5dedefd..1e2b75c 100644 --- a/templates/anime_downloader_anilife_request.html +++ b/templates/anime_downloader_anilife_request.html @@ -940,30 +940,47 @@ backdrop-filter: blur(8px) !important; } - #loading img { + #loading img, + #loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #loading::after { + #loading::before { content: ''; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 50px; height: 50px; border: 4px solid rgba(96, 165, 250, 0.2); border-top-color: #60a5fa; border-radius: 50%; animation: loader-spin 0.8s linear infinite; + z-index: 100001; } @keyframes loader-spin { - to { transform: rotate(360deg); } + to { transform: translate(-50%, -50%) rotate(360deg); } } - #modal_loading img { + #modal_loading img, + #modal_loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #modal_loading::after { + #modal_loading::before { content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid rgba(96, 165, 250, 0.2); diff --git a/templates/anime_downloader_linkkf_queue.html b/templates/anime_downloader_linkkf_queue.html index 5b0a189..14e995b 100644 --- a/templates/anime_downloader_linkkf_queue.html +++ b/templates/anime_downloader_linkkf_queue.html @@ -314,30 +314,47 @@ function status_html(data) { backdrop-filter: blur(8px) !important; } - #loading img { + #loading img, + #loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #loading::after { + #loading::before { content: ''; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 50px; height: 50px; border: 4px solid rgba(96, 165, 250, 0.2); border-top-color: #60a5fa; border-radius: 50%; animation: spin 0.8s linear infinite; + z-index: 100001; } @keyframes spin { - to { transform: rotate(360deg); } + to { transform: translate(-50%, -50%) rotate(360deg); } } - #modal_loading img { + #modal_loading img, + #modal_loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #modal_loading::after { + #modal_loading::before { content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid rgba(96, 165, 250, 0.2); diff --git a/templates/anime_downloader_linkkf_request.html b/templates/anime_downloader_linkkf_request.html index 8c8a02e..bfbb6bf 100644 --- a/templates/anime_downloader_linkkf_request.html +++ b/templates/anime_downloader_linkkf_request.html @@ -941,30 +941,47 @@ backdrop-filter: blur(8px) !important; } - #loading img { + #loading img, + #loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #loading::after { + #loading::before { content: ''; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 50px; height: 50px; border: 4px solid rgba(96, 165, 250, 0.2); border-top-color: #60a5fa; border-radius: 50%; animation: loader-spin 0.8s linear infinite; + z-index: 100001; } @keyframes loader-spin { - to { transform: rotate(360deg); } + to { transform: translate(-50%, -50%) rotate(360deg); } } - #modal_loading img { + #modal_loading img, + #modal_loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #modal_loading::after { + #modal_loading::before { content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid rgba(96, 165, 250, 0.2); diff --git a/templates/anime_downloader_ohli24_queue.html b/templates/anime_downloader_ohli24_queue.html index 1f5f27b..e9d2781 100644 --- a/templates/anime_downloader_ohli24_queue.html +++ b/templates/anime_downloader_ohli24_queue.html @@ -368,31 +368,47 @@ backdrop-filter: blur(8px) !important; } - #loading img { + #loading img, + #loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #loading::after { + #loading::before { content: ''; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 50px; height: 50px; border: 4px solid rgba(96, 165, 250, 0.2); border-top-color: #60a5fa; border-radius: 50%; animation: spin 0.8s linear infinite; + z-index: 100001; } @keyframes spin { - to { transform: rotate(360deg); } + to { transform: translate(-50%, -50%) rotate(360deg); } } - /* 모달 로딩 인디케이터 오버라이드 */ - #modal_loading img { + #modal_loading img, + #modal_loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #modal_loading::after { + #modal_loading::before { content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid rgba(96, 165, 250, 0.2); diff --git a/templates/anime_downloader_ohli24_request.html b/templates/anime_downloader_ohli24_request.html index 380e5d0..e1ab46e 100644 --- a/templates/anime_downloader_ohli24_request.html +++ b/templates/anime_downloader_ohli24_request.html @@ -1030,31 +1030,48 @@ backdrop-filter: blur(8px) !important; } - #loading img { + #loading img, + #loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #loading::after { + #loading::before { content: ''; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 50px; height: 50px; border: 4px solid rgba(96, 165, 250, 0.2); border-top-color: #60a5fa; border-radius: 50%; animation: loader-spin 0.8s linear infinite; + z-index: 100001; } @keyframes loader-spin { - to { transform: rotate(360deg); } + to { transform: translate(-50%, -50%) rotate(360deg); } } /* 모달 로딩 인디케이터 오버라이드 */ - #modal_loading img { + #modal_loading img, + #modal_loading svg { display: none !important; + visibility: hidden !important; + width: 0 !important; + height: 0 !important; } - #modal_loading::after { + #modal_loading::before { content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid rgba(96, 165, 250, 0.2);