first action update user pages .

2-update driver pages [fixed image display and notyfi]
3-update car pages [fixed image]
4-build tripe pages crud
5-build some role pages
6-build audit page
7-update ui compounants
8-update saidebar and topbar
9-cheange view to be ar view
10-cheange stractcher to be app,src
11-add validation layer by yup
12-add api image-proxy to broke image corse bloken
This commit is contained in:
m7amedez5511
2026-06-23 15:54:07 +03:00
parent c1b77f89cd
commit db64b79fe3
140 changed files with 9266 additions and 2449 deletions

View File

@@ -1,4 +1,4 @@
@import "../styles/tokens.css";
@import "../src/styles/tokens.css";
@import "tailwindcss";
@@ -12,7 +12,11 @@
html {
scroll-behavior: smooth;
font-size: 14px;
/* RTL is set per route-group layout, not globally */
/* `dir` is now set on <html> in app/layout.tsx (lang="ar" dir="rtl").
Tailwind v4 ships native `rtl:` / `ltr:` variants that key off this
attribute, so utility classes like `rtl:flex-row-reverse` work
without a plugin. Route groups no longer need to set `dir`
individually — see report Section 1. */
}
body {
@@ -85,7 +89,17 @@ body {
}
/* ── Focus ring utility ─────────────────────────────── */
/* Unchanged: box-shadow rings are direction-neutral. */
.focus-ring {
outline: none;
box-shadow: 0 0 0 2px var(--color-brand-600);
}
/* ── RTL icon mirroring ─────────────────────────────────
Directional glyphs (chevrons, arrows, "back") need to visually
point the opposite way in RTL even though the underlying icon
font glyph doesn't change. Apply .icon-flip-rtl to any <i>/<svg>
whose meaning is "forward"/"back" rather than purely decorative. */
[dir="rtl"] .icon-flip-rtl {
transform: scaleX(-1);
}