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:
@@ -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);
|
||||
}
|
||||
Reference in New Issue
Block a user