MythEclipse/zeavis-edu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(ui): add review menu to mobile nav and update card styling

Browse Source 
- mobile-nav: add 'review' path to NAV_ITEMS array to ensure the menu is accessible on mobile screens.
- scan-page: update background color and border radius of the guidelines card in the right sidebar.
This commit is contained in:
seriouselly
2026-06-07 18:22:14 +07:00
parent 68258074a6
commit 9a05c380cc
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/layout/mobile-nav.tsx
+1
View File
@@ -12,6 +12,7 @@ const NAV_ITEMS = [
{ path: "/scan", label: "Scan Tanaman" },
{ path: "/diagnoses", label: "Diagnosa" },
{ path: "/catalog", label: "Pustaka", altPath: "/library" },
{ path: "/expert/reviews", label: "Review" },
];
export function MobileNav({ open, onClose }: Props) {
apps/web/src/pages/scan-page.tsx
+4 -4
View File
@@ -263,7 +263,7 @@ export function ScanPage() {
<ul className="space-y-3">
<li className="flex items-center gap-3">
<div className="h-9 w-9 rounded-lg bg-emerald-50 flex items-center justify-center shrink-0">
<div className="h-9 w-9 rounded bg-[#ECF4E8] flex items-center justify-center shrink-0">
<ZoomIn className="text-emerald-600" size={20} />
</div>
<div className="text-sm text-slate-700">
@@ -271,7 +271,7 @@ export function ScanPage() {
</div>
</li>
<li className="flex items-center gap-3">
<div className="h-9 w-9 rounded-lg bg-emerald-50 flex items-center justify-center shrink-0">
<div className="h-9 w-9 rounded bg-[#ECF4E8] flex items-center justify-center shrink-0">
<Sun className="text-emerald-600" size={20} />
</div>
<div className="text-sm text-slate-700">
@@ -279,7 +279,7 @@ export function ScanPage() {
</div>
</li>
<li className="flex items-center gap-3">
<div className="h-9 w-9 rounded-lg bg-emerald-50 flex items-center justify-center shrink-0">
<div className="h-9 w-9 rounded bg-[#ECF4E8] flex items-center justify-center shrink-0">
<AlignCenter className="text-emerald-600" size={20} />
</div>
<div className="text-sm text-slate-700">
@@ -287,7 +287,7 @@ export function ScanPage() {
</div>
</li>
<li className="flex items-center gap-3">
<div className="h-9 w-9 rounded-lg bg-emerald-50 flex items-center justify-center shrink-0">
<div className="h-9 w-9 rounded bg-[#ECF4E8] flex items-center justify-center shrink-0">
<Camera className="text-emerald-600" size={20} />
</div>
<div className="text-sm text-slate-700">