feat(mobile-fixes-phase3): Complete US-309 - Cleanup Dashboard Mobile
Implemented by Ralph autonomous loop. Iteration: 7 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -177,8 +177,8 @@
|
|||||||
"MobileBottomNav cu Dashboard activ",
|
"MobileBottomNav cu Dashboard activ",
|
||||||
"npm run build passes"
|
"npm run build passes"
|
||||||
],
|
],
|
||||||
"passes": false,
|
"passes": true,
|
||||||
"notes": ""
|
"notes": "Completed in iteration 7"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "US-310",
|
"id": "US-310",
|
||||||
|
|||||||
@@ -1056,3 +1056,9 @@ User Stories: 11 (US-301 to US-311)
|
|||||||
[2026-01-12 16:46:28] Working on story: US-306
|
[2026-01-12 16:46:28] Working on story: US-306
|
||||||
[2026-01-12 16:46:28] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_6_US-306.log)
|
[2026-01-12 16:46:28] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_6_US-306.log)
|
||||||
[2026-01-12 16:51:00] SUCCESS: Story US-306 passed!
|
[2026-01-12 16:51:00] SUCCESS: Story US-306 passed!
|
||||||
|
[2026-01-12 16:51:00] Changes committed
|
||||||
|
[2026-01-12 16:51:00] Progress: 8/11 stories completed
|
||||||
|
[2026-01-12 16:51:02] === Iteration 7/100 ===
|
||||||
|
[2026-01-12 16:51:02] Working on story: US-309
|
||||||
|
[2026-01-12 16:51:02] Running Claude... (log: /workspace/roa2web/scripts/ralph/logs/iteration_7_US-309.log)
|
||||||
|
[2026-01-12 16:52:31] SUCCESS: Story US-309 passed!
|
||||||
|
|||||||
@@ -129,34 +129,6 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Mobile: Quick Links to dedicated pages -->
|
|
||||||
<div v-if="isMobile" class="mobile-quick-links">
|
|
||||||
<div class="quick-link-card" @click="router.push('/reports/maturity-analysis')">
|
|
||||||
<div class="quick-link-icon">
|
|
||||||
<i class="pi pi-chart-pie"></i>
|
|
||||||
</div>
|
|
||||||
<div class="quick-link-content">
|
|
||||||
<span class="quick-link-title">Analiză Scadențe</span>
|
|
||||||
<span class="quick-link-subtitle">Clienți și furnizori</span>
|
|
||||||
</div>
|
|
||||||
<div class="quick-link-arrow">
|
|
||||||
<i class="pi pi-chevron-right"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="quick-link-card" @click="router.push('/reports/detailed-invoices')">
|
|
||||||
<div class="quick-link-icon">
|
|
||||||
<i class="pi pi-file-edit"></i>
|
|
||||||
</div>
|
|
||||||
<div class="quick-link-content">
|
|
||||||
<span class="quick-link-title">Facturi Detaliate</span>
|
|
||||||
<span class="quick-link-subtitle">Listă completă documente</span>
|
|
||||||
</div>
|
|
||||||
<div class="quick-link-arrow">
|
|
||||||
<i class="pi pi-chevron-right"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Desktop: Rând 2: Analiză comparativă și Date Detaliate (combinat) -->
|
<!-- Desktop: Rând 2: Analiză comparativă și Date Detaliate (combinat) -->
|
||||||
<div v-if="!isMobile" class="comparison-row">
|
<div v-if="!isMobile" class="comparison-row">
|
||||||
<MaturityAndDetailsCard
|
<MaturityAndDetailsCard
|
||||||
@@ -1351,93 +1323,4 @@ onUnmounted(() => {
|
|||||||
.mobile-kpi-carousel {
|
.mobile-kpi-carousel {
|
||||||
margin-bottom: var(--space-lg);
|
margin-bottom: var(--space-lg);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile Quick Links Section */
|
|
||||||
.mobile-quick-links {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: var(--space-sm);
|
|
||||||
padding: 0 var(--space-sm);
|
|
||||||
margin-top: var(--space-md);
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-card {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--space-md);
|
|
||||||
padding: var(--space-md);
|
|
||||||
background: var(--surface-card);
|
|
||||||
border: 1px solid var(--surface-border);
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all var(--transition-fast);
|
|
||||||
min-height: 48px; /* MD3 touch target minimum */
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-card:hover {
|
|
||||||
background: var(--surface-hover);
|
|
||||||
border-color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-card:active {
|
|
||||||
transform: scale(0.98);
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-icon {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
background: var(--md-sys-color-primary-container, var(--primary-100));
|
|
||||||
border-radius: var(--radius-md);
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-icon i {
|
|
||||||
font-size: var(--text-lg);
|
|
||||||
color: var(--md-sys-color-on-primary-container, var(--primary-700));
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: var(--space-xs);
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-title {
|
|
||||||
font-size: var(--text-base);
|
|
||||||
font-weight: var(--font-semibold);
|
|
||||||
color: var(--color-text);
|
|
||||||
line-height: var(--leading-tight);
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-subtitle {
|
|
||||||
font-size: var(--text-sm);
|
|
||||||
color: var(--color-text-secondary);
|
|
||||||
line-height: var(--leading-tight);
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-arrow {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quick-link-arrow i {
|
|
||||||
font-size: var(--text-base);
|
|
||||||
color: var(--color-text-secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dark mode support for quick links */
|
|
||||||
[data-theme="dark"] .quick-link-icon {
|
|
||||||
background: var(--md-sys-color-primary-container, var(--primary-800));
|
|
||||||
}
|
|
||||||
|
|
||||||
[data-theme="dark"] .quick-link-icon i {
|
|
||||||
color: var(--md-sys-color-on-primary-container, var(--primary-200));
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user