From fc9ca4cbf9aaabfca1ab42271bb94178976844b8 Mon Sep 17 00:00:00 2001
From: NoCrypt <57245077+NoCrypt@users.noreply.github.com>
Date: Thu, 25 Jul 2024 00:55:39 +0700
Subject: [PATCH] neat changes

---
 common/components/Navbar.svelte  | 11 +++++++---
 common/components/Sidebar.svelte | 35 ++++++++++++++++----------------
 common/views/Home/Home.svelte    | 13 ++++++++++++
 3 files changed, 39 insertions(+), 20 deletions(-)

diff --git a/common/components/Navbar.svelte b/common/components/Navbar.svelte
index ccbf049..ceeeb95 100644
--- a/common/components/Navbar.svelte
+++ b/common/components/Navbar.svelte
@@ -19,7 +19,6 @@
       click: () => {
         page = 'schedule'
       },
-      css: 'ml-auto',
       page: 'schedule',
       icon: 'search',
       text: 'Schedule'
@@ -65,7 +64,13 @@
 
 <nav class='navbar navbar-fixed-bottom d-block d-md-none border-0 bg-dark'>
   <div class='navbar-menu h-full d-flex flex-row justify-content-center align-items-center m-0 pb-5' class:animate={page !== 'player'}>
-    <img src='./logo_filled.png' class='w-50 h-50 m-10 pointer p-5' alt='ico' use:click={close} />
+    <!-- <img src='./logo_filled.png' class='w-50 h-50 m-10 pointer p-5' alt='ico' use:click={close} />-->
+    <div
+        class='navbar-link navbar-link-with-icon pointer overflow-hidden'
+        use:click={close}>
+        <span class='material-symbols-outlined rounded'>home</span>
+    </div>
+
     {#each links as { click: _click, icon, text, image, css, page: _page }, i (i)}
       <div
         class='navbar-link navbar-link-with-icon pointer overflow-hidden {css}'
@@ -127,7 +132,7 @@
     transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
   }
 
-  .navbar-link:hover > span {
+  .navbar-link:active > span {
     background: #fff;
     color: var(--dark-color);
   }
diff --git a/common/components/Sidebar.svelte b/common/components/Sidebar.svelte
index 07d13f3..4e771cc 100644
--- a/common/components/Sidebar.svelte
+++ b/common/components/Sidebar.svelte
@@ -37,20 +37,20 @@
       icon: 'home',
       text: 'Home'
     },
-    {
-      click: () => {
-        page = 'search'
-      },
-      page: 'search',
-      icon: 'search',
-      text: 'Search'
-    },
+    // {
+    //   click: () => {
+    //     page = 'search'
+    //   },
+    //   page: 'search',
+    //   icon: 'search',
+    //   text: 'Search'
+    // },
     {
       click: () => {
         page = 'schedule'
       },
       page: 'schedule',
-      icon: 'schedule',
+      icon: 'search',
       text: 'Schedule'
     },
     {
@@ -68,18 +68,19 @@
       icon: 'groups',
       text: 'Watch Together'
     },
-    {
-      click: () => {
-        IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/')
-      },
-      icon: 'favorite',
-      text: 'Support This App',
-      css: 'mt-auto donate'
-    },
+    // {
+    //   click: () => {
+    //     IPC.emit('open', 'https://github.com/sponsors/ThaUnknown/')
+    //   },
+    //   icon: 'favorite',
+    //   text: 'Support This App',
+    //   css: 'mt-auto donate'
+    // },
     {
       click: () => {
         page = 'settings'
       },
+      css: 'mt-auto',
       page: 'settings',
       icon: 'settings',
       text: 'Settings'
diff --git a/common/views/Home/Home.svelte b/common/views/Home/Home.svelte
index b05e6bf..5514033 100644
--- a/common/views/Home/Home.svelte
+++ b/common/views/Home/Home.svelte
@@ -35,6 +35,7 @@
 </script>
 
 <div class='h-full w-full overflow-y-scroll root overflow-x-hidden' use:smoothScroll>
+  <img src="./logo_filled.png" class="logo" alt="Migu logo"/>
   <Banner data={bannerData} />
   <div class='d-flex flex-column h-full w-full'>
     {#each manager.sections as section, i (i)}
@@ -44,3 +45,15 @@
     {/each}
   </div>
 </div>
+
+<style>
+  .logo {
+    position: absolute;
+    top: 16px;
+    left: 16px;
+    width: auto;
+    height: 12rem;
+    object-fit: contain;
+    pointer-events: none;
+  }
+</style>