home button hover effect (#347)

* #345 home button hover effect

* change cursors

---------

Co-authored-by: neil molina <neil@neils-MacBook-Pro.local>

modules/desktop/src/app.css

@@ -39,3 +39,8 @@ h6,
 .pk-version {
 	font-family: "inter";
 }
+
+a,
+button {
+	cursor: auto;
+}

modules/desktop/src/components/side-menu/menu-button.svelte

@@ -15,6 +15,7 @@
   button {
     box-sizing: border-box;
     height: 37px;
+    cursor: auto;
   }
   button.active {
     background: rgba(148, 148, 148, 0.5);

modules/desktop/src/components/top-bar/top-bar.svelte

@@ -23,7 +23,7 @@
 <header class="border-gray flex items-center justify-between border w-full h-12 pr-2 rounded-t-xl" style="-webkit-app-region: drag">
 	<ul class="text-gray flex h-10 gap-2 align-middle leading-10 pl-20">
 		<a href="/">
-			<button id="home" class="text-xl hover:bg-primary w-12 rounded-md text-center"><i class="icon-tea-logo-iconasset-1"/></button>
+			<div class="home-btn transition-all text-xl w-12 rounded-md text-center"><i class="icon-tea-logo-iconasset-1"/></div>
 		</a>
 		<button on:click={navStore.back} class={$prevPath ? 'active' : 'opacity-50'}>&#8592</button>
 		<button on:click={navStore.next} class={$nextPath ? 'active' : 'opacity-50'}>&#8594</button>
@@ -49,13 +49,23 @@
 		backdrop-filter: blur(2px);
 		box-sizing: border-box;
 	}
-	#home {
+	.home-btn {
 		height: 40px;
 		width: 40px;
-		background: #222222;
+		line-height: 40px;
+		padding-left: 3px;
+		background-color: rgba(34, 34, 34, 1);
+		cursor: auto;
+	}
+	.home-btn:hover {
+		background-size: cover;
+		background-position: center center;
+		background-image: url("/images/gradient-bg.png");
+		color: #222222;
 	}
 	ul button {
 		pointer-events: none;
+		cursor: auto;
 	}
 
 	ul button.active {

modules/ui/src/button/button.svelte

@@ -27,6 +27,7 @@
 	button {
 		min-width: 100px;
 		transition: 0.2s ease-in-out;
+		cursor: auto;
 	}
 
 	button.plain.primary {

modules/ui/src/checkbox/checkbox.svelte

@@ -14,7 +14,7 @@
 <style>
 	label {
 		position: relative;
-		cursor: pointer;
+		cursor: auto;
 		-webkit-user-select: none;
 		-moz-user-select: none;
 		-ms-user-select: none;
@@ -29,7 +29,7 @@
 	}
 	label input {
 		opacity: 0;
-		cursor: pointer;
+		cursor: auto;
 		height: 0;
 		width: 0;
 	}

modules/ui/src/markdown/styles.css

@@ -225,7 +225,7 @@
 }
 
 .markdown-body details summary {
-	cursor: pointer;
+	cursor: auto;
 }
 
 .markdown-body details:not([open]) > *:not(summary) {
@@ -918,7 +918,7 @@
 }
 
 .markdown-body .task-list-item.enabled label {
-	cursor: pointer;
+	cursor: auto;
 }
 
 .markdown-body .task-list-item + .task-list-item {

modules/ui/src/package-card/package-card.svelte

@@ -72,6 +72,7 @@
 		transition: all 0.3s;
 		width: 100%;
 		height: 230px;
+		cursor: auto;
 	}
 
 	figure {