meshkee-app/dashboards
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve dashboard charts, category tree selects, and product AI name fill.

Browse Source 
Fix RTL chart ordering with Y-axis and hover values; aggregate website views; refine category picker tree borders and spacing; add one-click FA→EN name translation on add product.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-28 20:39:43 +03:30
co-authored by Cursor
parent 7b2ed7c7b0
commit a412cb82fc
31 changed files with 1222 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/business/src/components/DailyActivityChart.module.css
+96
View File
@@ -73,16 +73,68 @@
color: #dc2626;
}
.chartPanel {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 8px;
direction: ltr;
unicode-bidi: isolate;
}
.yAxis {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-shrink: 0;
width: 40px;
padding-bottom: 28px;
box-sizing: border-box;
direction: ltr;
}
.yTick {
font-size: 10px;
color: var(--text-muted);
font-weight: 500;
font-family: var(--font-ui);
line-height: 1;
text-align: right;
}
.chartWrap {
position: relative;
flex: 1;
min-width: 0;
overflow-x: auto;
}
.chartGrid {
position: absolute;
inset-inline: 0;
bottom: 28px;
pointer-events: none;
z-index: 0;
}
.gridLine {
position: absolute;
left: 0;
right: 0;
border-top: 1px dashed color-mix(in srgb, var(--text-muted) 28%, transparent);
}
.chart {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 4px;
min-width: 100%;
padding-bottom: 4px;
direction: ltr;
unicode-bidi: isolate;
}
.group {
@@ -105,10 +157,54 @@
gap: 2px;
}
.barWrap {
position: relative;
display: flex;
align-items: flex-end;
height: 100%;
}
.barWrap:hover .barTooltip,
.barWrap:focus-within .barTooltip {
opacity: 1;
visibility: visible;
}
.barTooltip {
position: absolute;
bottom: calc(100% + 6px);
left: 50%;
transform: translateX(-50%);
padding: 4px 8px;
font-size: 11px;
font-weight: 500;
font-family: var(--font-ui);
line-height: 1.35;
color: var(--text-primary);
white-space: nowrap;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.12s ease, visibility 0.12s;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid var(--glass-border);
border-radius: 6px;
box-shadow: 0 4px 12px rgba(31, 38, 135, 0.12);
z-index: 4;
}
.bar {
width: 7px;
border-radius: 4px 4px 2px 2px;
transition: height 0.3s ease;
cursor: default;
}
.barWrap:hover .bar,
.barWrap:focus-within .bar {
filter: brightness(1.06);
}
.barMonth {