fix: added total mods to user page, and made mobile button smaller on…

… mod page
beat-forge · Aug 15, 2023 · bcd8905 · bcd8905
1 parent bbcadc3
commit bcd8905
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/apps/web/src/routes/mod/[mod]/+page.svelte b/apps/web/src/routes/mod/[mod]/+page.svelte
@@ -28,16 +28,16 @@
 					modData.cover ? `bg-[url(${modData.cover})]` : 'bg-[url("/images/glowheader.svg")]'
 				} bg-center`}
 			/>
-			<div class="flex p-4 bg-primary-850 h-20 justify-between -mt-4">
+			<div class="flex flex-row p-4 bg-primary-850 h-20 justify-between -mt-4">
 				<div class="sm:ml-12 -mt-20">
 					<img
 						src={modData.icon ? modData.icon : '/images/unknown.svg'}
 						alt="icon"
 						class="w-32 border-primary-850 border-4 rounded-md"
 					/>
 				</div>
-				<div>
-                    <Button variant="gradient">
+				<div class="">
+                    <Button variant="gradient" customClasses="text-xs sm:text-md">
                         Download in Client
                         <p slot="trailing" class="rounded-3xl ml-2 px-2 py-1 bg-[#ffffff44]">v0</p>
                     </Button>

diff --git a/apps/web/src/routes/profile/[id]/+page.svelte b/apps/web/src/routes/profile/[id]/+page.svelte
@@ -52,6 +52,9 @@
 						<ModListItem name={mod.name} slug={mod.slug} author={mod.author.username} description={mod.description} category={mod.category.name} downloads={mod.stats.downloads} updatedAt={mod.updatedAt} icon={mod.icon} />
 					{/each}
 				</div>
+				<div class="mt-4 font-black text-xs text-primary-300">
+					<p>Total Mods: {userData.mods.length}</p>
+				</div>
 			</div>
 		</div>
 	</div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -52,6 +52,9 @@ @@
     						<ModListItem name={mod.name} slug={mod.slug} author={mod.author.username} description={mod.description} category={mod.category.name} downloads={mod.stats.downloads} updatedAt={mod.updatedAt} icon={mod.icon} />
     					{/each}
     				</div>
+    				<div class="mt-4 font-black text-xs text-primary-300">
+    					<p>Total Mods: {userData.mods.length}</p>
+    				</div>
     			</div>
     		</div>
     	</div>
@@ Expand Down @@