The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-12 19:49:59 +05:00
Code Issues Packages Projects Releases Wiki Activity

Adjust pre-loading screen

Browse Source
This commit is contained in:
yflory 2025-10-08 16:31:44 +02:00
parent 3a8feaf7f8
commit daea2010eb
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
customize.dist/pre-loading.js
View File

@ -4,9 +4,6 @@
(function () { (function () {
var logoPath = '/customize/CryptPad_logo_grey.svg'; var logoPath = '/customize/CryptPad_logo_grey.svg';
if (location.pathname === '/' || location.pathname === '/index.html') {
logoPath = '/api/logo';
}
var elem = document.createElement('div'); var elem = document.createElement('div');
elem.setAttribute('id', 'placeholder'); elem.setAttribute('id', 'placeholder');
@ -17,7 +14,7 @@ elem.innerHTML = `
</div> </div>
<div id="placeholder-loading-footer"> <div id="placeholder-loading-footer">
<div class="placeholder-logo-container"> <div class="placeholder-logo-container">
<img class="placeholder-logo" alt="" aria-hidden="true" src="${logoPath}"><span>CryptPad</span> <img class="placeholder-logo" alt="" aria-hidden="true" src="${logoPath}"><span>CryptPad</span>
</div> </div>
<div id="placeholder-loading-status"> <div id="placeholder-loading-status">
<i data-lucide="lock" aria-hidden="true"></i> <i data-lucide="lock" aria-hidden="true"></i>

8
customize.dist/src/pre-loading.css
View File

@ -59,6 +59,7 @@ html #placeholder.dark-theme {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
color: #939393;
} }
#placeholder .placeholder-logo-container img { #placeholder .placeholder-logo-container img {
margin: 0; margin: 0;
@ -93,9 +94,12 @@ html #placeholder.dark-theme {
} }
#placeholder-loading-status { #placeholder-loading-status {
font-size: 20px; font-size: 0.75em;
padding-top: 0.5rem; margin-top: 2rem;
font-family: "IBM Plex Mono"; font-family: "IBM Plex Mono";
svg {
margin: 0;
}
} }
#placeholder-loading-footer { #placeholder-loading-footer {
margin-bottom: 2rem; margin-bottom: 2rem;