Made the containers and updated tests

Ari-S-123 · Nov 10, 2024 · fe32301 · fe32301
1 parent f6bf446
commit fe32301
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -17,7 +17,7 @@
 			<Card.Header>
 				<Avatar.Root
 					aria-label="Picture of Website Author"
-					class="h-96 w-96 rounded-full object-cover border-accent border-4 profile-border self-center"
+					class="h-72 w-72 rounded-full object-cover border-accent border-4 profile-border self-center"
 				>
 					<Avatar.Image src="Professional Profile Pic.jpg" alt="Picture of Ari" />
 					<Avatar.Fallback>Picture of Ari</Avatar.Fallback>
@@ -50,7 +50,7 @@
 			</Card.Footer>
 		</Card.Root>
 		<div class="flex flex-col items-center justify-evenly gap-2">
-			<ScrollArea data-testid="Scroll Area" class="h-52 max-w-3xl rounded-md border">
+			<ScrollArea data-testid="Scroll Area" class="h-44 max-w-2xl rounded-md border">
 				<div class="p-4">
 					<h4 class="mb-4 text-xl font-bold leading-none">Experiences</h4>
 					{#each experiences as experience}
@@ -59,7 +59,7 @@
 					{/each}
 				</div>
 			</ScrollArea>
-			<ScrollArea data-testid="Scroll Area" class="h-52 max-w-3xl rounded-md border">
+			<ScrollArea data-testid="Scroll Area" class="h-44 max-w-2xl rounded-md border">
 				<div class="p-4">
 					<h4 class="mb-4 text-xl font-bold leading-none">Web Dev Projects</h4>
 					{#each webDevProjects as webDevProject}
@@ -68,7 +68,7 @@
 					{/each}
 				</div>
 			</ScrollArea>
-			<ScrollArea data-testid="Scroll Area" class="h-52 max-w-3xl rounded-md border">
+			<ScrollArea data-testid="Scroll Area" class="h-44 max-w-2xl rounded-md border">
 				<div class="p-4">
 					<h4 class="mb-4 text-xl font-bold leading-none">DataViz Projects</h4>
 					{#each dataVizProjects as dataVizProject}

diff --git a/src/tests/routes/+page.test.ts b/src/tests/routes/+page.test.ts
@@ -19,8 +19,8 @@ describe('Profile Card', () => {
 		render(Page);
 		const avatarContainer = screen.getByLabelText('Picture of Website Author');
 		expect(avatarContainer).toHaveClass(
-			'h-96',
-			'w-96',
+			'h-72',
+			'w-72',
 			'rounded-full',
 			'object-cover',
 			'border-accent',