improve exchange table responsive formatting

tradingstrategy-ai · Sep 18, 2023 · 6a9be72 · 6a9be72
1 parent cd9c099
commit 6a9be72
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/lib/explorer/ExchangeTable.svelte b/src/lib/explorer/ExchangeTable.svelte
@@ -66,19 +66,25 @@
 
 <style lang="postcss">
 	.exchange-table :global {
+		.exchange_name :global * {
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+
+		@media (--viewport-sm-down) {
+			.exchange_name {
+				grid-column: 1/-1;
+			}
+		}
+
 		@media (--viewport-md-up) {
 			table {
 				table-layout: fixed;
 			}
 
 			.exchange_name {
 				width: 45%;
-				white-space: nowrap;
-
-				:global * {
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
 			}
 
 			.pair_count {