소스 검색

style tooltip

AykutSarac 3 년 전
부모
커밋
b5758cb718
1개의 변경된 파일4개의 추가작업 그리고 3개의 파일을 삭제
  1. 4 3
      src/components/Tooltip/index.tsx

+ 4 - 3
src/components/Tooltip/index.tsx

@@ -17,15 +17,16 @@ const StyledTooltip = styled.div<{ visible: boolean }>`
   right: 0;
   transform: translate(calc(100% + 15px), 25%);
   z-index: 5;
-  background: ${({ theme }) => theme.SILVER};
-  color: ${({ theme }) => theme.SILVER_DARK};
+  background: ${({ theme }) => theme.SILVER_DARK};
+  color: ${({ theme }) => theme.TEXT_NORMAL};
   border-radius: 5px;
   padding: 4px 8px;
   opacity: ${({ visible }) => (visible ? "1" : "0")};
   transition: opacity 0.2s;
   white-space: nowrap;
-  font-size: 14px;
+  font-size: 16px;
   user-select: none;
+  font-weight: 600;
 `;
 
 const StyledChildren = styled.div``;