mirror of
https://github.com/raven-pensieve/obsidian-ace-code-editor.git
synced 2026-07-22 12:50:24 +00:00
27ed130899
@src 和 @styles），并更新 tsconfig 中的 paths 配置以支持这些 别名。主要修改集中在多个组件、hook、service 和 i18n 文件的 import 语句，替换原先的 "@/src/..." 等路径为 "@src/..." 或 "@styles/..."。此外调整了 SettingsStore 的导入位置以保持一 致性。 这样做的原因是简化模块导入、提高代码可读性并避免相对路 径带来的维护成本，方便重构和移动文件时不需大量修改导入 路径。
85 lines
1.5 KiB
CSS
85 lines
1.5 KiB
CSS
/* Base Modal Styles */
|
|
.ace-modal {
|
|
max-width: 90vw;
|
|
max-height: 90vh;
|
|
overflow-y: auto;
|
|
padding: 20px;
|
|
margin: 0 auto;
|
|
background-color: var(--background-primary);
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
|
|
position: relative;
|
|
border: 1px solid var(--color-accent);
|
|
|
|
&.modal-size-large {
|
|
width: 90vw;
|
|
height: 90vh;
|
|
}
|
|
&.modal-size-medium {
|
|
width: 60vw;
|
|
height: 60vh;
|
|
}
|
|
&.modal-size-small {
|
|
width: 35vw;
|
|
height: 35vh;
|
|
}
|
|
}
|
|
|
|
.theme-dark .ace-modal {
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.ace-modal-close {
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 2px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 4px;
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
|
|
&:hover {
|
|
background-color: var(--background-modifier-hover);
|
|
color: var(--text-normal);
|
|
}
|
|
}
|
|
|
|
.ace-modal-loading {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-height: 100px;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* @media */
|
|
@media screen and (max-width: 768px) {
|
|
.ace-modal {
|
|
max-width: 95vw;
|
|
padding: 16px;
|
|
font-size: 0.9rem;
|
|
-webkit-overflow-scrolling: touch;
|
|
scrollbar-width: thin;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.ace-modal {
|
|
max-width: 100vw;
|
|
max-height: 100vh;
|
|
padding: 12px;
|
|
border-radius: 0; /* 在超窄屏幕上移除圆角 */
|
|
font-size: 0.85rem;
|
|
|
|
/* 在超窄屏幕上隐藏自定义滚动条 */
|
|
&::-webkit-scrollbar {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
}
|
|
}
|