230419/my_closet
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pequena alteracao nas seccoes

Browse Source
This commit is contained in:
Vitor Moreira
2026-05-05 01:11:42 +01:00
parent 0fb957a65e
commit c024eff94c
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.jsx
View File

@@ -1095,7 +1095,7 @@ export default function App() {
onClick={() => setActiveSectionFilter(sec.id)} onClick={() => setActiveSectionFilter(sec.id)}
className={`shrink-0 flex items-center gap-2 px-5 py-2.5 rounded-2xl font-black text-[10px] uppercase tracking-widest transition-all ${activeSectionFilter === sec.id ? 'bg-primary-600 text-white shadow-lg shadow-primary-600/30 scale-105' : (darkMode ? 'bg-gray-800 text-gray-400 hover:bg-gray-700' : 'bg-gray-100 text-gray-500 hover:bg-gray-200')}`} className={`shrink-0 flex items-center gap-2 px-5 py-2.5 rounded-2xl font-black text-[10px] uppercase tracking-widest transition-all ${activeSectionFilter === sec.id ? 'bg-primary-600 text-white shadow-lg shadow-primary-600/30 scale-105' : (darkMode ? 'bg-gray-800 text-gray-400 hover:bg-gray-700' : 'bg-gray-100 text-gray-500 hover:bg-gray-200')}`}
> >
<span>{sec.emoji}</span> {sec.name} {sec.name}
</button> </button>
))} ))}
<button <button
@@ -1141,7 +1141,7 @@ export default function App() {
const sec = sections.find(s => s.id === secId); const sec = sections.find(s => s.id === secId);
return sec ? ( return sec ? (
<span key={sec.id} className="text-[10px] font-bold px-2 py-0.5 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 whitespace-nowrap"> <span key={sec.id} className="text-[10px] font-bold px-2 py-0.5 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 whitespace-nowrap">
{sec.emoji} {sec.name} {sec.name}
</span> </span>
) : null; ) : null;
})} })}
@@ -1242,7 +1242,7 @@ export default function App() {
}} }}
className={`flex items-center gap-2 px-3 py-1.5 rounded-xl text-xs font-bold transition-all border-2 ${lookSections.includes(sec.id) ? 'border-primary-600 bg-primary-600 text-white shadow-md shadow-primary-600/30' : 'border-transparent bg-gray-100 dark:bg-gray-800 text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-700'}`} className={`flex items-center gap-2 px-3 py-1.5 rounded-xl text-xs font-bold transition-all border-2 ${lookSections.includes(sec.id) ? 'border-primary-600 bg-primary-600 text-white shadow-md shadow-primary-600/30' : 'border-transparent bg-gray-100 dark:bg-gray-800 text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-700'}`}
> >
<span>{sec.emoji}</span> {sec.name} {sec.name}
{lookSections.includes(sec.id) && <Check size={12} />} {lookSections.includes(sec.id) && <Check size={12} />}
</button> </button>
))} ))}
@@ -1359,7 +1359,7 @@ export default function App() {
const sec = sections.find(s => s.id === secId); const sec = sections.find(s => s.id === secId);
return sec ? ( return sec ? (
<span key={sec.id} className="text-[10px] font-bold px-2 py-0.5 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 whitespace-nowrap"> <span key={sec.id} className="text-[10px] font-bold px-2 py-0.5 rounded-md bg-gray-100 dark:bg-gray-800 text-gray-500 whitespace-nowrap">
{sec.emoji} {sec.name} {sec.name}
</span> </span>
) : null; ) : null;
})} })}
@@ -1532,7 +1532,7 @@ export default function App() {
}} }}
className={`flex items-center gap-2 px-4 py-2 rounded-xl text-xs font-bold transition-all border-2 ${itemSections.includes(sec.id) ? 'border-primary-600 bg-primary-600 text-white shadow-lg shadow-primary-600/30' : 'border-transparent bg-gray-100 dark:bg-gray-800 text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-700'}`} className={`flex items-center gap-2 px-4 py-2 rounded-xl text-xs font-bold transition-all border-2 ${itemSections.includes(sec.id) ? 'border-primary-600 bg-primary-600 text-white shadow-lg shadow-primary-600/30' : 'border-transparent bg-gray-100 dark:bg-gray-800 text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-700'}`}
> >
<span>{sec.emoji}</span> {sec.name} {sec.name}
{itemSections.includes(sec.id) && <Check size={12} />} {itemSections.includes(sec.id) && <Check size={12} />}
</button> </button>
))} ))}