fix style on phones

danez · danez · commit 1af5e6b3c4a3 · 2023-06-16T23:05:07.000+02:00
diff --git a/packages/website/src/components/users/User.tsx b/packages/website/src/components/users/User.tsx
@@ -9,12 +9,12 @@ interface Props {
 }
 
 export default ({ user }: Props) => (
-  <div className="box-border w-1/3 px-4">
+  <div className="box-border w-full px-4 md:w-1/3">
     <a
       href={user.url}
       rel="noopener noreferrer"
       target="_blank"
-      className="relative my-3.5 block h-32 rounded-md bg-white px-2.5 hover:scale-110 hover:shadow-md"
+      className="relative my-3.5 block h-32 rounded-md bg-white px-2.5 hover:scale-105 hover:shadow-md md:hover:scale-110"
     >
       <Image
         src={require(`./logos/${user.logo}`)}

Original file line number	Diff line number	Diff line change
`@@ -9,12 +9,12 @@ interface Props {`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`export default ({ user }: Props) => (`
`12`		`- <div className="box-border w-1/3 px-4">`
	`12`	`+ <div className="box-border w-full px-4 md:w-1/3">`
`13`	`13`	`<a`
`14`	`14`	`href={user.url}`
`15`	`15`	`rel="noopener noreferrer"`
`16`	`16`	`target="_blank"`
`17`		`- className="relative my-3.5 block h-32 rounded-md bg-white px-2.5 hover:scale-110 hover:shadow-md"`
	`17`	`+ className="relative my-3.5 block h-32 rounded-md bg-white px-2.5 hover:scale-105 hover:shadow-md md:hover:scale-110"`
`18`	`18`	`>`
`19`	`19`	`<Image`
`20`	`20`	src={require(`./logos/${user.logo}`)}