clickable household names

lilith · Aug 27, 2023 · 4669579 · 4669579
1 parent 370a40f
commit 4669579
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/src/routes/circle/+page.svelte b/src/routes/circle/+page.svelte
@@ -92,7 +92,9 @@
 	{/if}
 	{#each circleInfo as household}
 		<div class="card">
-			<p class="household-name">{household.name}</p>
+			<a class="household-name" href="/household/{household.id}">
+				{household.name}
+			</a>
 			<div>
 				{#each household.parents as parent}
 					<p
@@ -157,7 +159,10 @@
 	}
 
 	.household-name {
-		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
+		text-decoration: underline;
+		color: #5a5a5a;
+		font-size: 1.4rem;
+		/* text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); */
 	}
 
 	.card {

diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
@@ -78,7 +78,7 @@
 		<p class="bold larger">{overlapDay}</p>
 		{#each overlapArr as overlap}
 			<div class="summary">
-				<a class="bold household" href="/household/{overlap.householdId}">
+				<a class="household" href="/household/{overlap.householdId}">
 					{households[overlap.householdId].name} (
 					{households[overlap.householdId].kids}
 					)
@@ -159,7 +159,7 @@
 
 	<p class="subtitle">Your Circle's Schedules</p>
 	{#each Object.entries(circleDatesMap) as [householdId, scheds]}
-		<a href="/household/{householdId}" class="bold larger"
+		<a href="/household/{householdId}" class="larger household"
 			>{households[householdId].name} ({households[householdId].kids.join(', ')})</a
 		>
 		{#each households[householdId].parents as contact}
@@ -250,7 +250,8 @@
 		text-align: center;
 	}
 	.household {
-		color: black;
+		text-decoration: underline;
+		color: #001430;
 		font-size: large;
 	}
 	.parent {