Release 4.0.0-rc4: Updated dependencies and refined mobile image fix
- Updated 8 npm packages to latest versions including TypeScript, Astro, and linting tools - Refined mobile image loading solution by removing JavaScript runtime fix in favor of HTML-level path generation - All images now use relative paths generated at build time for optimal compatibility 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
28
dist/examples/lockscreen.html
vendored
28
dist/examples/lockscreen.html
vendored
@@ -65,7 +65,7 @@
|
||||
<div class="lockscreen-name">John Doe</div>
|
||||
<div class="lockscreen-item">
|
||||
<div class="lockscreen-image">
|
||||
<img src="/assets/img/user1-128x128.jpg" alt="User Image" />
|
||||
<img src="../assets/img/user1-128x128.jpg" alt="User Image" />
|
||||
</div>
|
||||
<form class="lockscreen-credentials">
|
||||
<div class="input-group">
|
||||
@@ -133,31 +133,7 @@
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure--><!-- Image path runtime fix -->
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
// Find the link tag for the main AdminLTE CSS file.
|
||||
const cssLink = document.querySelector('link[href*="css/adminlte.css"]');
|
||||
if (!cssLink) {
|
||||
return; // Exit if the link isn't found
|
||||
}
|
||||
|
||||
// Extract the base path from the CSS href.
|
||||
// e.g., from "../css/adminlte.css", we get "../"
|
||||
// e.g., from "./css/adminlte.css", we get "./"
|
||||
const cssHref = cssLink.getAttribute('href');
|
||||
const deploymentPath = cssHref.slice(0, cssHref.indexOf('css/adminlte.css'));
|
||||
|
||||
// Find all images with absolute paths and fix them.
|
||||
document.querySelectorAll('img[src^="/assets/"]').forEach((img) => {
|
||||
const originalSrc = img.getAttribute('src');
|
||||
if (originalSrc) {
|
||||
const relativeSrc = originalSrc.slice(1); // Remove leading '/'
|
||||
img.src = deploymentPath + relativeSrc;
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user