arrow_backRetour aux issues
Betta-Pay/BettaPay-Frontend
#61
Débutant
Ouvrirarrow_forward
Débutant
Ouvrirarrow_forward
Débutant
Ouvrirarrow_forward
Replace `border-l-2` accent stripe in AdminSidebar with background-fill approach
ecoDébutant
enhancement
help wanted
Design Quality
descriptionDescription
**Description:** The admin sidebar uses `border-l-2` with `border-primary` on the active nav item. This is the #1 banned pattern in the impeccable design guidelines ("the single most overused 'design touch' in admin, dashboard, and medical UIs"). The merchant sidebar already uses a better approach: background fill with `bg-amber-50` and a subtle border.
**Requirements:**
- Remove the `border-l-2` and `border-transparent` classes from admin nav items
- Replace with a background-fill approach similar to the merchant sidebar: `bg-primary/10` or `bg-sidebar-accent/30`
- Consider adding a small indicator dot instead of a stripe
- The active item should still be visually distinct from inactive items
**Suggested execution steps:**
1. Open `components/layout/AdminSidebar.tsx`
2. In the nav item `className`, remove `border-l-2 border-transparent` and `border-primary`
3. Change the active style to: `isActive ? "bg-primary/10 text-sidebar-foreground font-semibold" : "text-muted-foreground hover:bg-sidebar-accent/20"`
4. Optionally add a small rounded dot or icon color change for the active indicator
5. Update the merchant sidebar to match if there are any differences
**Example commit message:**
```
fix(design): replace border-left accent stripe with background fill in AdminSidebar
Removed the banned border-l-2 pattern from admin sidebar nav items.
Active state now uses background fill (bg-primary/10) matching the
merchant sidebar's approach. Eliminates top AI slop tell.
```
Issues similaires
lingdojo/kana-dojo
star3.2k
Poids du dépôt lourd
[Good First Issue] 🐡 Add new Japan Fact 251 - Beginner-Friendly Open-source Contribution
## 🟢 Good First Issue: Add Japan Fact #251 — Beginner-Friendly Open Source Contribution ![Time: <1 minute](https://img…
TypeScript
enhancement
help wanted
WasiqB/multiple-cucumber-html-reporter
star281
Poids du dépôt moyen
Error bucketing
It would be great to bucket the errors in different types i.e. Code exception, configuration exception, environmental e…
TypeScript
enhancement
help wanted
StellarLock/StellarLock
star0
Poids du dépôt léger
LP lock links omit the /token|lp/ URL segment, causing wrong-type lookups on the detail page
## Summary Lock detail links should include the lock's kind in the URL, e.g. `/app/lock/lp/:id` or `/app/lock/token/:i…
TypeScript
bug
good first issue