feat: use immich/ui logo component (#57)

immich-app · Nov 14, 2024 · 6c8dcd6 · 6c8dcd6
1 parent 05df326
commit 6c8dcd6
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 168 deletions.
diff --git a/apps/buy.immich.app/+page.svelte b/apps/buy.immich.app/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import '$lib/app.css';
-  import { Button } from '@immich/ui';
+  import { Button, Logo } from '@immich/ui';
   import Icon from '$lib/components/icon.svelte';
   import { mdiCheckCircleOutline, mdiServer, mdiAccount } from '@mdi/js';
   import { getCallbackUrl, ImmichLicense } from '$lib/utils/license';
@@ -11,9 +11,7 @@
     <div
       class="flex gap-4 mt-2 place-items-center dark:bg-immich-dark-primary/10 bg-gray-200/50 py-4 px-6 border rounded-lg overflow-hidden supporter-effect transition-all"
     >
-      <div class="h-12 w-12">
-        <img src={'/img/immich-logo.svg'} alt={'immich-logo'} class="shadow-lg rounded-full bg-white" />
-      </div>
+      <Logo />
       <p class="dark:text-gray-100 text-2xl font-medium text-immich-primary">Purchase Immich</p>
     </div>
     <section class="mt-6">

diff --git a/apps/my.immich.app/[...rest]/+page.svelte b/apps/my.immich.app/[...rest]/+page.svelte
@@ -2,7 +2,7 @@
   import { preventDefault } from 'svelte/legacy';
   import { StorageKey } from '$lib';
   import '$lib/app.css';
-  import { Button } from '@immich/ui';
+  import { Button, Logo } from '@immich/ui';
   import type { PageData } from './$types';
 
   interface Props {
@@ -30,7 +30,7 @@
 <div class="w-screen h-screen bg-immich-dark-bg overflow-auto p-4">
   <div class="mx-auto max-w-screen-sm m-6 p-12 rounded-lg bg-immich-dark-gray text-immich-dark-fg">
     <section class="flex justify-center">
-      <img src="/img/immich-logo-stacked-dark.svg" class="h-64" alt="Immich logo" />
+      <Logo variant="stacked" theme="dark" size="landing" />
     </section>
     <section>
       <h1 class="md:text-3xl mb-2 text-immich-dark-primary">My Immich</h1>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
     "format:fix": "prettier --write ."
   },
   "devDependencies": {
-    "@immich/ui": "^0.2.2",
+    "@immich/ui": "^0.3.0",
     "@sveltejs/adapter-static": "^3.0.6",
     "@sveltejs/kit": "^2.8.0",
     "@sveltejs/vite-plugin-svelte": "^4.0.0-next.6",

diff --git a/static/img/immich-logo-inline-light.svg b/static/img/immich-logo-inline-light.svg
diff --git a/static/img/immich-logo-stacked-dark.svg b/static/img/immich-logo-stacked-dark.svg
diff --git a/static/img/immich-logo.svg b/static/img/immich-logo.svg