Merge pull request #117 from crowdtainer/28022024_minor

Minor: update packages and design improvements

package.json

@@ -40,7 +40,7 @@
 		"prettier-plugin-svelte": "^2.10.1",
 		"svelte": "^4.2.12",
 		"svelte-check": "^3.4.3",
-		"svelte-loading-spinners": "^0.1.7",
+		"svelte-loading-spinners": "^0.3.4",
 		"svelte-preprocess": "^5.0.3",
 		"tailwindcss": "^3.3.3",
 		"transliteration": "^2.3.5",

src/lib/ProductQuantity.svelte

@@ -56,7 +56,7 @@
 	<div id="body" class="px-0 md:px-4 spacey-y-4">
 		{#each descriptions as product, index}
 		{#if $selection[index] > 0}
-			<div transition:slide|global="{{ duration: 250 }}">
+			<div transition:slide="{{ duration: 250 }}">
 				<div class="flex items-center">
 					<!-- Row start -->
 					<div class="w-6/12">
@@ -76,8 +76,8 @@
 								-
 							</button>
 						</div>
-						<div in:fade|global class="my-1 py-2 dark:text-white">
-							<p in:fade|global>{$selection[index]}</p>
+						<div in:fade class="my-1 py-2 dark:text-white">
+							<p in:fade>{$selection[index]}</p>
 						</div>
 						<div class="">
 							<button

src/lib/ProjectDetails.svelte

@@ -262,7 +262,7 @@
 					<tr class="even:backdrop-brightness-75">
 						<td class="p-1">Terms and Conditions:</td>
 						<td class="pr-4">
-							<span class="inline-flex items-baseline">
+							<span class="inline-flex items-baseline max-w-48">
 								{#if campaignStaticData.legalContractURI && campaignStaticData.legalContractURI != ''}
 									<span>{campaignStaticData.legalContractURI}</span>
 								{:else}

src/lib/ProjectGlobalView.svelte

@@ -119,7 +119,7 @@
 			{state}
 		/>
 
-		<div class="min-w-max mx-2">
+		<div class="min-w-max">
 			{#if campaignStaticUI}
 				<p class="projectStatus">
 					<TimeLeft endTime={$campaignStaticUI.endDate} />