Enhance modal styles and add scrollbar width calculation for improved layout

This commit is contained in:
Will Miao
2025-02-17 23:23:20 +08:00
parent 02e901ac2e
commit 425ba1fd36
2 changed files with 18 additions and 0 deletions

View File

@@ -32,6 +32,18 @@
<!-- 添加资源加载策略 -->
<link rel="preconnect" href="https://civitai.com">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<script>
// 计算滚动条宽度并设置CSS变量
document.addEventListener('DOMContentLoaded', () => {
const scrollDiv = document.createElement('div');
scrollDiv.style.cssText = 'width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px;';
document.body.appendChild(scrollDiv);
const scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
document.body.removeChild(scrollDiv);
document.documentElement.style.setProperty('--scrollbar-width', scrollbarWidth + 'px');
});
</script>
</head>
<body>
<div class="corner-controls">