1 Star 1 Fork 0

王开社/articleHelper

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
styles.css 2.48 KB
一键复制 编辑 原始数据 按行查看 历史
.sf-floating-menu {
position: absolute;
background: white;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
z-index: 10000;
padding: 5px 0;
}
.sf-menu-item {
padding: 8px 15px;
cursor: pointer;
white-space: nowrap;
}
.sf-menu-item:hover {
background: #f5f5f5;
}
.sf-result-window {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 0;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
z-index: 10001;
max-width: 500px;
width: 90%;
}
.sf-result-header {
background: #f5f5f5;
padding: 12px 15px;
border-radius: 8px 8px 0 0;
border-bottom: 1px solid #eee;
cursor: move;
user-select: none;
}
.sf-result-title {
font-weight: bold;
font-size: 16px;
color: #333;
}
.sf-result-content {
padding: 15px;
max-height: 400px;
overflow-y: auto;
white-space: pre-wrap;
word-break: break-word;
}
.sf-result-footer {
padding: 10px 15px;
border-top: 1px solid #eee;
display: flex;
justify-content: flex-end;
gap: 10px;
background: #f9f9f9;
border-radius: 0 0 8px 8px;
}
.sf-action-btn {
padding: 6px 12px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
display: flex;
align-items: center;
gap: 4px;
transition: opacity 0.2s;
}
.sf-copy-btn {
background: #4CAF50;
color: white;
}
.sf-insert-btn {
background: #2196F3;
color: white;
}
.sf-close-btn {
position: absolute;
top: 8px;
right: 8px;
width: 24px;
height: 24px;
border-radius: 12px;
background: rgba(0,0,0,0.1);
color: #666;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 16px;
}
/* 按钮悬停效果 */
.sf-action-btn:hover,
.sf-close-btn:hover {
opacity: 0.9;
}
/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
.sf-floating-menu {
background: #2d2d2d;
border-color: #404040;
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.sf-menu-item {
color: #e0e0e0;
}
.sf-menu-item:hover {
background: #404040;
}
.sf-result-window {
background: #2d2d2d;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.sf-result-header {
background: #383838;
border-bottom-color: #404040;
}
.sf-result-title {
color: #e0e0e0;
}
.sf-result-content {
color: #e0e0e0;
}
.sf-result-footer {
background: #383838;
border-top-color: #404040;
}
.sf-close-btn {
background: rgba(255,255,255,0.1);
color: #e0e0e0;
}
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/dongweiq/article-helper.git
git@gitee.com:dongweiq/article-helper.git
dongweiq
article-helper
articleHelper
main

搜索帮助

371d5123 14472233 46e8bd33 14472233