mirror of
https://github.com/uglyboy-tl/obsidian-ink-player.git
synced 2026-07-22 05:42:02 +00:00
c488cfe6b2
- 在 InkContents 组件中添加内容淡入效果，使用 CSS 动画实现 - 优化 InkScreen 组件，增加内容完成状态管理 - 更新 story_contents.ts，添加最后一个内容的跟踪功能 - 修改 main.ts，选择选项后设置最后一个内容
36 lines
530 B
CSS
36 lines
530 B
CSS
/*
|
|
|
|
This CSS file will be included with your plugin, and
|
|
available in the app when your plugin is enabled.
|
|
|
|
If your plugin does not need CSS, delete this file.
|
|
|
|
*/
|
|
.ink {
|
|
height: 99%;
|
|
}
|
|
.ink dialog.modal {
|
|
display: revert;
|
|
}
|
|
.ink .ink-image {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.ink .markdown-preview-view img:not([width]) {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.story-text div {
|
|
opacity: 0;
|
|
animation: fadeIn 0.5s forwards;
|
|
animation-delay: var(--delay, 0s);
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|