Add responsive mobile layout, records cards, and tablet settings fold fix.

Mobile gets compact trade/records UI with detail modals; static assets are cache-busted and settings cards fold correctly on tablet grid layout.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-29 16:42:38 +08:00
parent 44bec23296
commit c5262a0a54
14 changed files with 1465 additions and 35 deletions
+10 -5
View File
@@ -4,8 +4,13 @@
{% block extra_css %}
<style>
.settings-page{display:flex;flex-direction:column;gap:1.25rem}
.settings-page .split-grid{margin-bottom:0}
.settings-page .split-grid .card{margin-bottom:0;min-height:100%;height:100%;display:flex;flex-direction:column}
.settings-page .split-grid{margin-bottom:0;align-items:start}
.settings-page .split-grid .card:not(.settings-fold){margin-bottom:0;min-height:100%;height:100%;display:flex;flex-direction:column}
.settings-page .split-grid .settings-fold.card,
.settings-page .split-grid .settings-ctp-fold.card{
margin-bottom:0;min-height:auto !important;height:auto !important;align-self:start;
display:flex;flex-direction:column;
}
.settings-page .split-grid .card > form,
.settings-page .split-grid .card > .card-inner,
.settings-page .split-grid .settings-fold-body > form,
@@ -122,7 +127,7 @@
.settings-ai-daily-grid{grid-template-columns:1fr}
}
.settings-page .settings-fold.card{padding:0;overflow:hidden}
.settings-page .split-grid .settings-fold.card{min-height:auto;height:auto}
.settings-page .split-grid .settings-fold.card{min-height:auto;height:auto;align-self:start}
.settings-fold-head{
width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;
padding:1rem 1rem .85rem;margin:0;border:none;background:transparent;cursor:pointer;
@@ -140,7 +145,7 @@
}
.settings-fold-chevron{flex-shrink:0;font-size:.72rem;color:var(--text-muted);transition:transform .2s ease}
.settings-fold.is-collapsed .settings-fold-chevron{transform:rotate(-90deg)}
.settings-fold-body{padding:0 1rem 1rem;flex:1;display:flex;flex-direction:column}
.settings-fold-body{padding:0 1rem 1rem;display:flex;flex-direction:column}
.settings-fold.is-collapsed .settings-fold-body{display:none}
.settings-admin-row .settings-fold-head{padding:.75rem .85rem .6rem}
.settings-admin-row .settings-fold-title{font-size:.95rem}
@@ -607,5 +612,5 @@
</div>
{% endblock %}
{% block extra_js %}
<script src="{{ url_for('static', filename='js/settings.js') }}"></script>
<script src="{{ url_for('static', filename='js/settings.js') }}?v={{ asset_v }}"></script>
{% endblock %}