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:
+10
-5
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user