leefer/xiaobaifupan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: refine heaven workspace controls

Browse Source
This commit is contained in:
leefer
2026-07-23 10:16:56 +08:00
parent c62670d46b
commit d85529dce5
3 changed files with 140 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/index.html
+13 -9
View File
@@ -424,9 +424,11 @@
<small id="heavenStockSector">--</small>
</div>
</div>
<button id="loadHeavenSelectionButton" class="button" type="button">载入</button>
<button id="historyTrendButton" class="button" type="button"><i data-lucide="history"></i><span>历史记录</span></button>
<button id="interpretTrendButton" class="button primary" type="button" disabled>解势</button>
<div class="heaven-trend-actions">
<button id="loadHeavenSelectionButton" class="button" type="button">载入</button>
<button id="historyTrendButton" class="button" type="button"><i data-lucide="history"></i><span>历史记录</span></button>
<button id="interpretTrendButton" class="button primary" type="button" disabled>解势</button>
</div>
</div>
<div id="heavenTrendEmpty" class="heaven-trend-empty" role="status">请输入股票代码或股票名称</div>
<div class="heaven-trend-layout" hidden>
@@ -565,12 +567,14 @@
<section id="heavenHeartPanel" class="heaven-panel">
<canvas id="heartDustCanvas" class="heart-dust-canvas" aria-hidden="true"></canvas>
<div id="heartLamp" class="heart-lamp" aria-hidden="true"></div>
<button id="heartSoundToggle" class="heart-sound-toggle" type="button" aria-pressed="false" aria-label="开启观心声音">
<i data-lucide="volume-x"></i><span>静音</span>
</button>
<button id="historyHeartButton" class="heart-history-button" type="button" aria-label="查看观心历史记录">
<i data-lucide="history"></i><span>历史记录</span>
</button>
<div class="heart-toolbar-controls">
<button id="historyHeartButton" class="heart-history-button" type="button" aria-label="查看观心历史记录" title="历史记录">
<i data-lucide="history"></i><span>历史记录</span>
</button>
<button id="heartSoundToggle" class="heart-sound-toggle" type="button" aria-pressed="false" aria-label="开启观心声音" title="声音">
<i data-lucide="volume-x"></i><span>静音</span>
</button>
</div>
<div id="heartRitualCurtain" class="heart-ritual-curtain" aria-hidden="true">
<i class="heart-daybreak-dark"></i><strong>观 心</strong><span>心静，而后问</span>
</div>
static/styles.css
+51 -14
View File
@@ -6037,7 +6037,21 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
/* Heaven follow-up refinements */
#heavenTrendPanel .heaven-controls {
grid-template-columns: minmax(520px, 1fr) auto auto;
grid-template-columns: minmax(0, 1fr) auto;
}
.heaven-trend-actions {
display: flex;
align-items: end;
gap: 8px;
}
.heaven-trend-actions .button {
width: auto;
min-width: 72px;
height: 40px;
flex: 0 0 auto;
white-space: nowrap;
}
.heaven-stock-query {
@@ -6130,7 +6144,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
@media (max-width: 860px) {
#heavenTrendPanel .heaven-controls {
grid-template-columns: 1fr auto auto;
grid-template-columns: minmax(0, 1fr);
}
.heaven-stock-query {
@@ -6147,6 +6161,18 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
grid-template-columns: 1fr;
}
.heaven-trend-actions {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.heaven-trend-actions .button {
width: 100%;
min-width: 0;
padding-right: 8px;
padding-left: 8px;
}
.heaven-stock-identity {
grid-template-columns: auto minmax(0, 1fr);
}
@@ -7760,7 +7786,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
margin: 0;
}
#heavenView #heavenHeartPanel > .heart-sound-toggle {
#heavenView #heavenHeartPanel > .heart-toolbar-controls {
width: auto;
margin: 0;
}
@@ -9329,10 +9355,15 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
#heavenFortunePanel .fortune-heading-actions {
width: 100%;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#heavenFortunePanel .fortune-heading-actions .qi-time-field {
grid-column: 1 / -1;
}
#heavenFortunePanel .fortune-heading-actions .button {
width: 100%;
grid-column: auto;
}
@@ -10180,13 +10211,20 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
.heart-lamp[data-heart-stage="reveal"] { opacity: 1; top: 43%; }
.heart-lamp[data-heart-stage="interpretation"] { opacity: 0.45; top: 35%; }
.heart-sound-toggle {
min-width: 76px;
min-height: 44px;
.heart-toolbar-controls {
position: absolute;
top: 12px;
right: 14px;
z-index: 8;
display: flex;
align-items: center;
gap: 7px;
}
.heart-sound-toggle,
.heart-history-button {
min-width: 76px;
min-height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
@@ -11606,13 +11644,10 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
}
.heart-history-button {
min-height: 44px;
position: absolute;
top: 12px;
right: 102px;
z-index: 8;
min-height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 0 12px;
border: 1px solid rgba(36, 40, 32, .18);
@@ -11701,8 +11736,10 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
.heaven-reading-history-detail footer { display: flex; justify-content: flex-end; margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--border); }
@media (max-width: 720px) {
.heart-history-button { top: 8px; right: 60px; min-width: 42px; padding: 0 10px; }
.heart-history-button span { display: none; }
.heart-toolbar-controls { top: 8px; right: 8px; gap: 6px; }
.heart-toolbar-controls .heart-sound-toggle,
.heart-toolbar-controls .heart-history-button { width: 36px; min-width: 36px; min-height: 36px; padding: 0; }
.heart-toolbar-controls span { display: none; }
.heart-read-actions { flex-wrap: wrap; justify-content: flex-end; }
.heaven-reading-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); margin: 8px auto; }
.heaven-reading-current { min-height: 360px; max-height: calc(100dvh - 150px); padding: 20px 17px 24px; }