Table fixes
هذا الالتزام موجود في:
Your Name
@@ -3,23 +3,41 @@ import UrlDropdown from "./UrlDropdown"
|
||||
|
||||
const HeaderPage = ({ title }: { title: string }) => {
|
||||
return (
|
||||
<div className="flex space-x-4 my-0 md:my-4 lg:flex-row flex-col items-baseline">
|
||||
<h1 className="text-xl font-bold text-gray-800 mb:mb-0 mb-4">{title}</h1>
|
||||
<div className="flex flex-col lg:flex-row items-baseline gap-4 my-0 md:my-4">
|
||||
<div className="flex items-baseline gap-4 flex-wrap">
|
||||
<h1 className="text-xl font-bold text-gray-800 leading-tight">{title}</h1>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none">
|
||||
<circle cx="2" cy="2" r="2" fill="#E9EAF1"/>
|
||||
</svg>
|
||||
{/* First SVG dot */}
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="4"
|
||||
height="4"
|
||||
viewBox="0 0 4 4"
|
||||
fill="none"
|
||||
className="flex-shrink-0 -translate-y-1"
|
||||
>
|
||||
<circle cx="2" cy="2" r="2" fill="#E9EAF1"/>
|
||||
</svg>
|
||||
|
||||
<UrlDropdown />
|
||||
<UrlDropdown />
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none">
|
||||
<circle cx="2" cy="2" r="2" fill="#E9EAF1"/>
|
||||
</svg>
|
||||
{/* Second SVG dot */}
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="4"
|
||||
height="4"
|
||||
viewBox="0 0 4 4"
|
||||
fill="none"
|
||||
className="flex-shrink-0 -translate-y-1"
|
||||
>
|
||||
<circle cx="2" cy="2" r="2" fill="#E9EAF1"/>
|
||||
</svg>
|
||||
|
||||
<div className="flex gap-1">
|
||||
<MetricCard value="12" label="DR" valueChange="+1" size="sm" />
|
||||
<MetricCard value="14" label="DA" valueChange="+3" size="sm" />
|
||||
<MetricCard value="10" label="AIQ" valueChange="+2" size="sm" />
|
||||
<div className="flex gap-1 flex-wrap">
|
||||
<MetricCard value="12" label="DR" valueChange="+1" size="sm" />
|
||||
<MetricCard value="14" label="DA" valueChange="+3" size="sm" />
|
||||
<MetricCard value="10" label="AIQ" valueChange="+2" size="sm" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
المرجع في مشكلة جديدة
حظر مستخدم