Merge pull request #868 from Abhishek9503/fix/fix-header-tab-ui

fix: Header tab UI & Added tooltip
sparrowapp-dev · May 23, 2024 · 958837e · 958837e
2 parents 63a67d3 + 1001897
commit 958837e
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 30 deletions.
diff --git a/src/packages/@workspaces/features/collection-list/layout/CollectionList.svelte b/src/packages/@workspaces/features/collection-list/layout/CollectionList.svelte
@@ -77,6 +77,7 @@
   import { Input } from "@library/forms";
   import { open } from "@tauri-apps/plugin-shell";
   import constants from "$lib/utils/constants";
+  import Tooltip from "$lib/components/tooltip/Tooltip.svelte";
   let runAnimation: boolean = true;
   let showfilterDropdown: boolean = false;
   let collectionListDocument: CollectionDocument[];
@@ -340,36 +341,39 @@
         {/if}
       </div>
       <div class="p-3 d-flex align-items-center justify-content-between">
-        <div
-          class="px-2 py-1 border-radius-2 d-flex align-items-center {isGithubStarHover
-            ? 'bg-secondary-600'
-            : ''}"
-          role="button"
-          on:mouseenter={() => {
-            isGithubStarHover = true;
-          }}
-          on:mouseleave={() => {
-            isGithubStarHover = false;
-          }}
-          on:click={async () => {
-            await open(externalSparrowGithub);
-          }}
-        >
-          <GithubIcon
-            height={"18px"}
-            width={"18px"}
-            color={isGithubStarHover
-              ? "var(--bg-secondary-100)"
-              : "var(--bg-secondary-200)"}
-          />
-          <span
-            class="ps-2 text-fs-14 {isGithubStarHover
-              ? 'text-secondary-100'
-              : 'text-secondary-200'}"
+        <Tooltip title={"Star Us On GitHub"} placement={"right"}>
+          <div
+            class="px-2 py-1 border-radius-2 d-flex align-items-center {isGithubStarHover
+              ? 'bg-secondary-600'
+              : ''}"
+            role="button"
+            on:mouseenter={() => {
+              isGithubStarHover = true;
+            }}
+            on:mouseleave={() => {
+              isGithubStarHover = false;
+            }}
+            on:click={async () => {
+              await open(externalSparrowGithub);
+            }}
           >
-            {githubRepo?.stargazers_count || ""}
-          </span>
-        </div>
+            <GithubIcon
+              height={"18px"}
+              width={"18px"}
+              color={isGithubStarHover
+                ? "var(--bg-secondary-100)"
+                : "var(--bg-secondary-200)"}
+            />
+            <span
+              class="ps-2 text-fs-14 {isGithubStarHover
+                ? 'text-secondary-100'
+                : 'text-secondary-200'}"
+            >
+              {githubRepo?.stargazers_count || ""}
+            </span>
+          </div>
+        </Tooltip>
+
         <div class="d-flex align-items-center">
           <span class="text-fs-14 text-secondary-200 pe-2">v{version}</span>
           <WithButton

diff --git a/src/packages/@workspaces/features/tab-bar/layout/TabBar.svelte b/src/packages/@workspaces/features/tab-bar/layout/TabBar.svelte
@@ -236,7 +236,7 @@
     transition: all 300ms;
   }
   .tabbar {
-    height: 36px;
+    height: 35px;
     background-color: var(--sparrow-black);
   }