lolisland/lolisland.us
1
0
Fork 0
mirror of https://github.com/101island/lolisland.us.git synced 2026-03-01 11:49:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: center dashboard avatar using auto margins to ensure consistent alignment across locales

Browse Source
This commit is contained in:
氟氟
2025-12-29 16:14:27 +08:00
parent c0cc08a163
commit 7103fee6bc
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/central-island/DashboardView.astro
View File

@@ -248,20 +248,14 @@ const t = getTranslations(lang);
btnConfirm.addEventListener("click", () => { btnConfirm.addEventListener("click", () => {
if (!cropper) return; if (!cropper) return;
const canvas = cropper.getCroppedCanvas({ // biome-ignore lint/suspicious/noExplicitAny: Missing type definition for getCroppedCanvas
const canvas = (cropper as any).getCroppedCanvas({
width: 640, width: 640,
height: 640, height: 640,
imageSmoothingQuality: "high", imageSmoothingQuality: "high",
}); });
if (!canvas) return; if (!canvas) return;
// Show processing immediately before compression loop starts
// But compression loop is synchronous in JS (except toBlob which is callback based).
// Let's wrap compression in a small timeout too or just rely on async nature of toBlob?
// Canvas operations are sync. We should show loading before starting canvas ops.
// It's safer to show loading then setTimeout.
showLoading(processingText); showLoading(processingText);
setTimeout(() => { setTimeout(() => {
@@ -419,7 +413,7 @@ const t = getTranslations(lang);
height: 128px; height: 128px;
border-radius: 32px; border-radius: 32px;
overflow: hidden; overflow: hidden;
margin-bottom: 1.5rem; margin: 0 auto 1.5rem auto;
border: 3px solid rgba(255, 255, 255, 0.2); border: 3px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
} }