Przeglądaj źródła

improve delete button on portfolio page

Daniel Bohry 9 miesięcy temu
rodzic
commit
378b3a4aa3
1 zmienionych plików z 6 dodań i 7 usunięć
  1. 6 7
      src/routes/portfolio/+page.svelte

+ 6 - 7
src/routes/portfolio/+page.svelte

@@ -463,18 +463,17 @@
 						<td class="px-4 py-2 text-right">
 							<button
 								on:click={() => confirmDelete(stock.code)}
-								aria-label="Delete"
-								title="remove"
-								class="bg-red-600 hover:bg-red-700 text-white rounded-full p-2 shadow focus:outline-none focus:ring-2 focus:ring-red-400"
+								class="inline-flex items-center justify-center p-2 rounded-full text-red-600 hover:text-white hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-400 transition"
+								aria-label="Delete stock"
+								title="Delete"
 							>
 								<svg
-									viewBox="0 0 24 24"
+									xmlns="http://www.w3.org/2000/svg"
 									fill="none"
+									viewBox="0 0 24 24"
 									stroke="currentColor"
 									stroke-width="2"
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									class="w-4 h-4"
+									class="w-5 h-5"
 								>
 									<polyline points="3 6 5 6 21 6"></polyline>
 									<path d="M19 6l-1 14H6L5 6"></path>