Explorar o código

style button for links

AykutSarac %!s(int64=3) %!d(string=hai) anos
pai
achega
395ab832d3
Modificáronse 1 ficheiros con 5 adicións e 1 borrados
  1. 5 1
      src/components/Button/index.tsx

+ 5 - 1
src/components/Button/index.tsx

@@ -23,6 +23,11 @@ const StyledButton = styled.button<{ status: keyof typeof ButtonType }>`
   background: ${({ status, theme }) => getButtonStatus(status, theme)};
   color: ${({ theme }) => theme.FULL_WHITE};
   cursor: pointer;
+  padding: 8px 16px;
+
+  @media only screen and (max-width: 768px) {
+    font-size: 18px;
+  }
 `;
 
 const StyledButtonContent = styled.div`
@@ -30,7 +35,6 @@ const StyledButtonContent = styled.div`
   justify-content: center;
   align-items: center;
   gap: 8px;
-  padding: 8px;
 `;
 
 export const Button: React.FC<ButtonProps> = ({