mobile styles

5 years ago · 411d1118b6
parent 12083e797f
commit 411d1118b6
1 changed files with 11 additions and 5 deletions
--- a/site/src/components/WhosUsingSvelte/index.svelte
+++ b/site/src/components/WhosUsingSvelte/index.svelte
@ -16,25 +16,31 @@
 	}

 	a {
-		height: 60px;
+		height: 40px;
 		margin: 0 0.5em 0.5em 0;
 		text-decoration: none;
 		border: 1px solid #aaa;
-		padding: 10px 20px;
-		border-radius: 30px;
+		padding: 5px 10px;
+		border-radius: 20px;
 	}

 	.add-yourself {
 		display: flex;
 		align-items: center;
 		border: 1px solid #eee;
-		border-radius: 30px;
-		padding: 0 1em;
 	}

 	img {
 		height: 100%;
 	}
+
+	@media (min-width: 540px) {
+		a {
+			height: 60px;
+			padding: 10px 20px;
+			border-radius: 30px;
+		}
+	}
 </style>

 <div class="logos">