make labeled app regions semantic
This commit is contained in:
@@ -130,7 +130,7 @@ export const TenderList = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div aria-label="İhale listesi" aria-busy={itemSearchState?.status === 'loading'} className="w-full min-w-0 flex-1 space-y-4">
|
<div role="region" aria-label="İhale listesi" aria-busy={itemSearchState?.status === 'loading'} className="w-full min-w-0 flex-1 space-y-4">
|
||||||
{Object.entries(detailedQueries).filter(([,value])=>value).map(([key,value])=><div key={key} className="flex gap-3 items-center flex-wrap text-sm bg-blue-50 border rounded p-3">
|
{Object.entries(detailedQueries).filter(([,value])=>value).map(([key,value])=><div key={key} className="flex gap-3 items-center flex-wrap text-sm bg-blue-50 border rounded p-3">
|
||||||
<span>{key==='institution'?'Kurum adı':'İKN / DT no'}: {value}</span>
|
<span>{key==='institution'?'Kurum adı':'İKN / DT no'}: {value}</span>
|
||||||
<button type="button" className="underline text-blue-800" onClick={()=>setDetailedQueries(old=>({...old,[key]:''}))}>{key==='institution'?'Kurum adı filtresini kaldır':'İKN filtresini kaldır'}</button>
|
<button type="button" className="underline text-blue-800" onClick={()=>setDetailedQueries(old=>({...old,[key]:''}))}>{key==='institution'?'Kurum adı filtresini kaldır':'İKN filtresini kaldır'}</button>
|
||||||
|
|||||||
@@ -164,7 +164,7 @@ const DocumentVaultSession = ({signedIn}) => {
|
|||||||
const doluluk = h?.bayt ? Math.min(100, Math.round(((k?.bayt || 0) / h.bayt) * 100)) : 0;
|
const doluluk = h?.bayt ? Math.min(100, Math.round(((k?.bayt || 0) / h.bayt) * 100)) : 0;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div aria-label="Belge kasası" aria-busy={busy} className="space-y-6 animate-fade-in">
|
<div role="region" aria-label="Belge kasası" aria-busy={busy} className="space-y-6 animate-fade-in">
|
||||||
{hata && <button type="button" onClick={yukle} className="px-4 py-2 border rounded-lg">Yeniden dene</button>}
|
{hata && <button type="button" onClick={yukle} className="px-4 py-2 border rounded-lg">Yeniden dene</button>}
|
||||||
<div className="bg-linear-to-r from-slate-900 via-teal-950 to-cyan-900 text-white p-6 rounded-2xl shadow-lg border border-teal-800/40">
|
<div className="bg-linear-to-r from-slate-900 via-teal-950 to-cyan-900 text-white p-6 rounded-2xl shadow-lg border border-teal-800/40">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ export const TenderCalendar = () => {
|
|||||||
</button>;
|
</button>;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div aria-label="İhale takvimi" className="space-y-4 my-4 animate-fade-in">
|
<div role="region" aria-label="İhale takvimi" className="space-y-4 my-4 animate-fade-in">
|
||||||
|
|
||||||
{/* Top Banner */}
|
{/* Top Banner */}
|
||||||
<div className="bg-white rounded-xl border border-slate-200 p-5 shadow-xs flex items-center justify-between">
|
<div className="bg-white rounded-xl border border-slate-200 p-5 shadow-xs flex items-center justify-between">
|
||||||
|
|||||||
Reference in New Issue
Block a user