style: update jobs header background color and add hover effect

nais · Jan 31, 2025 · 9a7c3d9 · 9a7c3d9
1 parent ca09e7e
commit 9a7c3d9
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/routes/team/[team]/(teamPages)/jobs/+page.svelte b/src/routes/team/[team]/(teamPages)/jobs/+page.svelte
@@ -453,7 +453,7 @@
 		/*overflow: hidden;*/
 
 		.jobs-header {
-			background-color: var(--a-surface-subtle);
+			background-color: var(--active-color);
 			border-radius: 4px 4px 0 0;
 			border-bottom: 1px solid var(--a-border-default);
 			display: flex;
@@ -477,6 +477,10 @@
 				border-bottom: 1px solid var(--a-border-default);
 			}
 
+			&:hover {
+				background-color: var(--a-surface-subtle);
+			}
+
 			.job-link {
 				:global(a) {
 					font-weight: var(--a-font-weight-bold);