Add Logo and icons

HuakunShen · Oct 3, 2023 · 3664616 · 3664616
1 parent f20efb5
commit 3664616
Show file tree

Hide file tree

Showing 22 changed files with 73 additions and 17 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,6 +26,7 @@
     "zod": "^3.21.4"
   },
   "devDependencies": {
+    "@iconify/svelte": "^3.1.4",
     "@popperjs/core": "^2.11.6",
     "@sveltejs/adapter-static": "next",
     "@sveltejs/kit": "^1.15.2",

diff --git a/src-tauri/icons/128x128.png b/src-tauri/icons/128x128.png
diff --git a/src-tauri/icons/128x128@2x.png b/src-tauri/icons/128x128@2x.png
diff --git a/src-tauri/icons/32x32.png b/src-tauri/icons/32x32.png
diff --git a/src-tauri/icons/Square107x107Logo.png b/src-tauri/icons/Square107x107Logo.png
diff --git a/src-tauri/icons/Square142x142Logo.png b/src-tauri/icons/Square142x142Logo.png
diff --git a/src-tauri/icons/Square150x150Logo.png b/src-tauri/icons/Square150x150Logo.png
diff --git a/src-tauri/icons/Square284x284Logo.png b/src-tauri/icons/Square284x284Logo.png
diff --git a/src-tauri/icons/Square30x30Logo.png b/src-tauri/icons/Square30x30Logo.png
diff --git a/src-tauri/icons/Square310x310Logo.png b/src-tauri/icons/Square310x310Logo.png
diff --git a/src-tauri/icons/Square44x44Logo.png b/src-tauri/icons/Square44x44Logo.png
diff --git a/src-tauri/icons/Square71x71Logo.png b/src-tauri/icons/Square71x71Logo.png
diff --git a/src-tauri/icons/Square89x89Logo.png b/src-tauri/icons/Square89x89Logo.png
diff --git a/src-tauri/icons/StoreLogo.png b/src-tauri/icons/StoreLogo.png
diff --git a/src-tauri/icons/icon.icns b/src-tauri/icons/icon.icns
diff --git a/src-tauri/icons/icon.ico b/src-tauri/icons/icon.ico
diff --git a/src-tauri/icons/icon.png b/src-tauri/icons/icon.png
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "EzUp",
-    "version": "0.1.8"
+    "version": "0.1.9"
   },
   "tauri": {
     "macOSPrivateApi": true,

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
@@ -8,11 +8,12 @@
   } from 'flowbite-svelte';
   import { page } from '$app/stores';
   import { isDev } from '$lib/util';
+  import EzUp from '$lib/images/ezup.svg'
 </script>
 <Navbar let:hidden let:toggle>
   <NavBrand href="/">
     <img
-      src="https://flowbite.com/docs/images/logo.svg"
+      src={EzUp}
       class="mr-3 h-6 sm:h-9"
       alt="Flowbite Logo"
     />

diff --git a/src/lib/components/TitleBar.svelte b/src/lib/components/TitleBar.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { appWindow } from '@tauri-apps/api/window';
+  import Icon from '@iconify/svelte';
 </script>
 
 <div data-tauri-drag-region class="titlebar h-8">
@@ -8,33 +9,21 @@
     class="titlebar-button hover:bg-red-500"
     id="titlebar-minimize"
   >
-    <img
-      class="invert"
-      src="https://api.iconify.design/mdi:window-minimize.svg"
-      alt="minimize"
-    />
+    <Icon icon="mingcute:minimize-fill" />
   </button>
   <button
     class="titlebar-button hover:bg-red-500"
     id="titlebar-maximize"
     on:click={() => appWindow.maximize()}
   >
-    <img
-      class="invert"
-      src="https://api.iconify.design/mdi:window-maximize.svg"
-      alt="maximize"
-    />
+    <Icon icon="fluent:maximize-16-filled" />
   </button>
   <button
     class="titlebar-button hover:bg-red-500"
     id="titlebar-close"
     on:click={() => appWindow.hide()}
   >
-    <img
-      class="invert"
-      src="https://api.iconify.design/mdi:close.svg"
-      alt="close"
-    />
+    <Icon icon="material-symbols:close" />
   </button>
 </div>
 

diff --git a/src/lib/images/ezup.svg b/src/lib/images/ezup.svg