mirror of
https://github.com/immich-app/immich
synced 2025-10-17 18:19:27 +00:00
53c3c916a6
* Fixed not displaying default user profile picture * Added buttons to close viewer and micro-interaction for navigating assets left, right * Add additional buttons to the control bar * Display EXIF info * Added map to detail info * Handle user input keyboard * Fixed incorrect file name when downloading multiple files * Implemented download panel
27 lines
837 B
Svelte
27 lines
837 B
Svelte
<script lang="ts">
|
|
export let title: string;
|
|
export let logo: any;
|
|
export let actionType: AdminSideBarSelection | AppSideBarSelection;
|
|
export let isSelected: boolean;
|
|
|
|
import { createEventDispatcher } from 'svelte';
|
|
import type { AdminSideBarSelection, AppSideBarSelection } from '../../models/admin-sidebar-selection';
|
|
|
|
const dispatch = createEventDispatcher();
|
|
|
|
const onButtonClicked = () => {
|
|
dispatch('selected', {
|
|
actionType,
|
|
});
|
|
};
|
|
</script>
|
|
|
|
<div
|
|
on:click={onButtonClicked}
|
|
class={`flex gap-4 place-items-center pl-5 py-3 rounded-tr-full rounded-br-full hover:bg-gray-200 hover:text-immich-primary hover:cursor-pointer
|
|
${isSelected && 'bg-immich-primary/10 text-immich-primary hover:bg-immich-primary/25'}
|
|
`}
|
|
>
|
|
<svelte:component this={logo} size="24" />
|
|
<p class="font-medium text-sm">{title}</p>
|
|
</div>
|