immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-21 09:15:44 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

refactor(web): material icons (#4636)

Browse Source
This commit is contained in:
Jason Rasmussen
2023-10-25 09:48:25 -04:00
committed by GitHub
parent d5e19e45cd
commit 2ad389f64e
89 changed files with 557 additions and 534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/lib/components/shared-components/side-bar/side-bar-button.svelte
View File

@@ -1,11 +1,11 @@
<script lang="ts">
import type Icon from 'svelte-material-icons/AbTesting.svelte';
import InformationOutline from 'svelte-material-icons/InformationOutline.svelte';
import { fade } from 'svelte/transition';
import { createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition';
import Icon from '$lib/components/elements/icon.svelte';
import { mdiInformationOutline } from '@mdi/js';
export let title: string;
export let logo: typeof Icon;
export let icon: string;
export let isSelected: boolean;
export let flippedLogo = false;
@@ -27,7 +27,7 @@
"
>
<div class="flex w-full place-items-center gap-4 overflow-hidden truncate">
<svelte:component this={logo} size="1.5em" class="shrink-0 {flippedLogo ? '-scale-x-100' : ''}" />
<Icon path={icon} size="1.5em" class="shrink-0" flipped={flippedLogo} />
<p class="text-sm font-medium">{title}</p>
</div>
@@ -41,7 +41,7 @@
on:mouseleave={() => (showMoreInformation = false)}
>
<div class="p-1 text-gray-600 hover:cursor-help dark:text-gray-400">
<InformationOutline />
<Icon path={mdiInformationOutline} />
</div>
{#if showMoreInformation}