diff --git a/src/pages/dashboard/components/DashboardProfitSplit.vue b/src/pages/dashboard/components/DashboardProfitSplit.vue index d949820..9a08e86 100644 --- a/src/pages/dashboard/components/DashboardProfitSplit.vue +++ b/src/pages/dashboard/components/DashboardProfitSplit.vue @@ -31,6 +31,14 @@ بازهٔ فعال: {{ activeRangeLabel }} +
+ + + + +
@@ -110,7 +118,9 @@ size="small" />
-
+ +
+
@@ -244,6 +254,7 @@ import moment from 'moment-jalaali' import { message } from 'ant-design-vue' import DashboardSectionHeader from '@/pages/dashboard/components/DashboardSectionHeader.vue' import DashboardLabelWithHelp from '@/pages/dashboard/components/DashboardLabelWithHelp.vue' +import DashboardTradingIncomeSummary from '@/pages/dashboard/components/DashboardTradingIncomeSummary.vue' import BasicActionSheet from '@/components/BasicActionSheet.vue' import { formatDashboardAmount } from '@/pages/dashboard/dashboardFormat' import { @@ -491,6 +502,27 @@ reloadAll() gap: 0.5rem; } +.dashboard-profit-split__body { + display: grid; + grid-template-columns: minmax(220px, 260px) minmax(0, 1fr); + gap: 0.75rem; + align-items: start; +} + +@media (max-width: 1024px) { + .dashboard-profit-split__body { + grid-template-columns: 1fr; + } +} + +.dashboard-profit-split__aside { + min-width: 0; +} + +.dashboard-profit-split__main { + min-width: 0; +} + .dashboard-profit-split__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); diff --git a/src/pages/dashboard/components/DashboardTradingIncomeSummary.vue b/src/pages/dashboard/components/DashboardTradingIncomeSummary.vue index 184fd59..dc297d1 100644 --- a/src/pages/dashboard/components/DashboardTradingIncomeSummary.vue +++ b/src/pages/dashboard/components/DashboardTradingIncomeSummary.vue @@ -1,5 +1,8 @@