ソースを参照

change stock pages to show 3 items per col

Daniel Bohry 9 ヶ月 前
コミット
7f1c5c5f07
1 ファイル変更2 行追加2 行削除
  1. 2 2
      src/routes/stocks/+page.svelte

+ 2 - 2
src/routes/stocks/+page.svelte

@@ -92,7 +92,7 @@
 
 	<!-- Results -->
 	{#if filteredResults.length !== 0}
-		<div in:fade class="grid gap-6 p-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+		<div in:fade class="grid gap-6 p-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
 			{#each filteredResults as stock}
 				<div
 					class="bg-white dark:bg-gray-800 border border-transparent dark:border-gray-700 hover:shadow-xl transition-all rounded-xl p-5 flex flex-col justify-between hover:-translate-y-1 duration-200"
@@ -122,7 +122,7 @@
 
 					<!-- View Button -->
 					<a
-						class="mt-4 self-end px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white text-sm font-medium rounded-md transition-colors duration-200"
+						class="mt-4 self-end px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white text-sm font-medium rounded-md transition-colors duration-200 cursor-pointer"
 						target="_blank"
 						rel="noopener noreferrer"
 						on:click={openStock(stock.code)}