Merge pull request #75 from QueroDelivery/fix/add-hover-row-table

[LOG-1139] - Criar hover na linha da tabela
QueroDelivery · Dec 12, 2023 · 3ec4b2e · 3ec4b2e
2 parents 3345698 + 83197ef
commit 3ec4b2e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/components/Table/styles.ts b/src/components/Table/styles.ts
@@ -150,6 +150,12 @@ export const Container = styled.div<ContainerProps>`
     border: none !important;
   }
 
+  .ui.table tbody tr {
+    &:hover {
+      background-color: ${colors.hoverLight};
+    }
+  }
+
   /* Table Cells */
   .ui.table td {
     padding: 0.78571429em 0.78571429em;

diff --git a/src/styles/colors.ts b/src/styles/colors.ts
@@ -22,6 +22,7 @@ export const colors = {
 
   transparent: 'rgba(0, 0, 0, 0)',
   hover: 'rgba(211, 211, 211, 0.4)',
+  hoverLight: '#F2F2F2',
 
   highlight: '#FF0000',