fix(front/home): deixa tamanho dos ícones imutáveis da aplicação, sem…

… despadronização (#208) * fix(front/home): size of trash icon immutable * fix(front/popup): size of down arrow immutable
unb-mds · Feb 21, 2024 · 5d95fa7 · 5d95fa7
1 parent ed6ba7b
commit 5d95fa7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/web/app/components/AsideSchedulePopUp/DisciplineFragment.tsx b/web/app/components/AsideSchedulePopUp/DisciplineFragment.tsx
@@ -27,10 +27,15 @@ function DisciplineFragmentJSX({ handleDisciplineToggle, ...props }: {
         <Fragment>
             <button
                 onClick={() => handleDisciplineToggle(index)}
-                className='flex items-center gap-3'
+                className='flex items-center gap-3 relative'
             >
-                <Image src={discipline.expanded ? expand_more : expand_less} alt="expand icon" />
-                <span className='font-semibold'>{discipline.name} - {discipline.code}</span>
+                <Image
+                    className='absolute left-0'
+                    height={24} width={24}
+                    src={discipline.expanded ? expand_more : expand_less} alt="expand icon" />
+                <span className='font-semibold text-left pl-6'>
+                    {discipline.name} - {discipline.code}
+                </span>
             </button>
             {discipline.expanded &&
                 <div className='flex flex-col gap-2'>

diff --git a/web/app/components/DisciplineBox.tsx b/web/app/components/DisciplineBox.tsx
@@ -32,15 +32,15 @@ export default function DisciplineBox({ currentClass, discipline }: DisciplineBo
     }
 
     return (
-        <span className='flex justify-between rounded-lg w-10/12 py-2 px-4 shadow-lg bg-snow-primary'>
+        <span className='relative flex justify-between rounded-lg w-10/12 py-2 pl-4 pr-8 shadow-lg bg-snow-primary'>
             <div>
                 <section>
-                    <span className='font-semibold'>Disciplina: </span> {discipline.name} - {discipline.code}
+                    <span className='font-semibold'>Código: </span> {discipline.code}
                 </section>
                 <ClassInfo currentClass={currentClass} />
             </div>
-            <button onClick={handleDeleteClass}>
-                <Image src={deleteIcon} alt="deletar" />
+            <button onClick={handleDeleteClass} className='absolute right-1 top-0 bottom-0 my-auto'>
+                <Image height={24} width={24} src={deleteIcon} alt="deletar" />
             </button>
         </span>
     );