pequena alteracao nas seccoes
This commit is contained in:
10
src/App.jsx
10
src/App.jsx
@@ -1095,7 +1095,7 @@ export default function App() {
|
||||
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')}`}
|
||||
>
|
||||
<span>{sec.emoji}</span> {sec.name}
|
||||
{sec.name}
|
||||
</button>
|
||||
))}
|
||||
<button
|
||||
@@ -1141,7 +1141,7 @@ export default function App() {
|
||||
const sec = sections.find(s => s.id === secId);
|
||||
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">
|
||||
{sec.emoji} {sec.name}
|
||||
{sec.name}
|
||||
</span>
|
||||
) : 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'}`}
|
||||
>
|
||||
<span>{sec.emoji}</span> {sec.name}
|
||||
{sec.name}
|
||||
{lookSections.includes(sec.id) && <Check size={12} />}
|
||||
</button>
|
||||
))}
|
||||
@@ -1359,7 +1359,7 @@ export default function App() {
|
||||
const sec = sections.find(s => s.id === secId);
|
||||
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">
|
||||
{sec.emoji} {sec.name}
|
||||
{sec.name}
|
||||
</span>
|
||||
) : 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'}`}
|
||||
>
|
||||
<span>{sec.emoji}</span> {sec.name}
|
||||
{sec.name}
|
||||
{itemSections.includes(sec.id) && <Check size={12} />}
|
||||
</button>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user