feat: link button mobile

Berardo Matè · giacomosardo · commit defada76d9af · 2021-12-06T10:41:08.000+01:00
diff --git a/components/composite/StepCustomer/AddressFormBottom/styled.tsx b/components/composite/StepCustomer/AddressFormBottom/styled.tsx
@@ -2,5 +2,5 @@ import styled from "styled-components"
 import tw from "twin.macro"
 
 export const Wrapper = styled.div`
-  ${tw`flex justify-between`}
+  ${tw`flex flex-col-reverse justify-between md:flex-row`}
 `
diff --git a/components/ui/LinkButton/styled.tsx b/components/ui/LinkButton/styled.tsx
@@ -6,5 +6,5 @@ import LinkButtonProps from "./props"
 export const Button = styled.a.attrs(
   (props: LinkButtonProps) => ({})
 )<LinkButtonProps>`
-  ${tw`text-ss font-bold cursor-pointer border-b border-gray-200 text-primary`}
+  ${tw`block w-full py-2 text-center mb-4 bg-gray-200 rounded text-ss font-bold cursor-pointer text-gray-700 md:(text-primary inline w-auto border-b border-gray-200 p-0 bg-transparent m-0)`}
 `

Original file line number	Diff line number	Diff line change
`@@ -2,5 +2,5 @@ import styled from "styled-components"`
`2`	`2`	`import tw from "twin.macro"`
`3`	`3`
`4`	`4`	export const Wrapper = styled.div`
`5`		- ${tw`flex justify-between`}
	`5`	+ ${tw`flex flex-col-reverse justify-between md:flex-row`}
`6`	`6`	`
Original file line number	Diff line number	Diff line change
`@@ -6,5 +6,5 @@ import LinkButtonProps from "./props"`
`6`	`6`	`export const Button = styled.a.attrs(`
`7`	`7`	`(props: LinkButtonProps) => ({})`
`8`	`8`	)<LinkButtonProps>`
`9`		- ${tw`text-ss font-bold cursor-pointer border-b border-gray-200 text-primary`}
	`9`	+ ${tw`block w-full py-2 text-center mb-4 bg-gray-200 rounded text-ss font-bold cursor-pointer text-gray-700 md:(text-primary inline w-auto border-b border-gray-200 p-0 bg-transparent m-0)`}
`10`	`10`	`