coder/xian-favor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 导航按钮移到底部操作栏左侧

Browse Source
This commit is contained in:
hubian
2026-04-22 22:00:22 +08:00
parent e4115b8baa
commit cc54fd52c6
1 changed files with 11 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
xian_favor/api.py
View File

@@ -1231,7 +1231,6 @@ INDEX_TEMPLATE = '''
max-height: calc(100vh - 150px); max-height: calc(100vh - 150px);
overflow-y: auto; overflow-y: auto;
padding: 15px; padding: 15px;
padding-top: 50px; /* 给导航按钮留空间 */
position: relative; position: relative;
} }
#detailModal .modal-dialog { #detailModal .modal-dialog {
@@ -1258,21 +1257,6 @@ INDEX_TEMPLATE = '''
.modal-resize-handle:hover { .modal-resize-handle:hover {
background: linear-gradient(135deg, transparent 50%, #0d6efd 50%); background: linear-gradient(135deg, transparent 50%, #0d6efd 50%);
} }
.detail-nav-buttons {
position: absolute;
right: 15px;
top: 10px;
display: flex;
gap: 5px;
z-index: 100;
background: rgba(255,255,255,0.9);
padding: 5px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.detail-nav-buttons .btn {
padding: 6px 10px;
}
.detail-modal-footer { .detail-modal-footer {
position: sticky; position: sticky;
bottom: 0; bottom: 0;
@@ -1280,6 +1264,8 @@ INDEX_TEMPLATE = '''
border-top: 1px solid #dee2e6; border-top: 1px solid #dee2e6;
z-index: 10; z-index: 10;
padding: 10px 15px; padding: 10px 15px;
display: flex;
align-items: center;
} }
.star-btn { font-size: 11px; } .star-btn { font-size: 11px; }
.status-pending { color: #ffc107; } .status-pending { color: #ffc107; }
@@ -1589,20 +1575,20 @@ INDEX_TEMPLATE = '''
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body detail-modal-body"> <div class="modal-body detail-modal-body">
<!-- 导航按钮 -->
<div class="detail-nav-buttons">
<button class="btn btn-sm btn-outline-secondary" onclick="scrollDetailToTop()" title="回到顶部">
<i class="bi bi-arrow-up"></i>
</button>
<button class="btn btn-sm btn-outline-secondary" onclick="scrollDetailToBottom()" title="去到底部">
<i class="bi bi-arrow-down"></i>
</button>
</div>
<div id="detailContent"> <div id="detailContent">
<!-- 动态填充 --> <!-- 动态填充 -->
</div> </div>
</div> </div>
<div class="modal-footer detail-modal-footer"> <div class="modal-footer detail-modal-footer">
<!-- 左侧导航按钮 -->
<div class="me-auto">
<button class="btn btn-sm btn-outline-secondary me-2" onclick="scrollDetailToTop()" title="回到顶部">
<i class="bi bi-arrow-up"></i>
</button>
<button class="btn btn-sm btn-outline-secondary me-2" onclick="scrollDetailToBottom()" title="去到底部">
<i class="bi bi-arrow-down"></i>
</button>
</div>
<button type="button" class="btn btn-outline-secondary" id="detailConvertBtn" onclick="showConvertModalFromDetail()" style="display:none;"> <button type="button" class="btn btn-outline-secondary" id="detailConvertBtn" onclick="showConvertModalFromDetail()" style="display:none;">
<i class="bi bi-arrow-repeat"></i> 转为待办 <i class="bi bi-arrow-repeat"></i> 转为待办
</button> </button>