mirror of
https://github.com/immich-app/immich.git
synced 2025-06-04 22:27:19 -04:00
100866be37
* collapsable menu in web, more mobile friendly
* finished sidebar collapsing
* make navigation bar more responsive
* make search bar and admin button more responsive
* fix administration small button coloring
* fix upload button over opened search bar
* open search directly on small devices
* make admin sidebar more responsive
* add small edge to admin content
* server stats more responsive
* fix eslint errors
* server stats flex wrap
* Delete .env
* Revert change in hooks.server.ts
* Revert change in vite.config.js
* little clean up, replace {``} with ""
* remove package-lock.json in root folder
* revert upload button to linkbutton
* show extended sidebar also on focus
* combine changes in side-bar.svelte and
+layout.svelte to side-bar-section
* fix navigation-bar cog color in light theme
---------
Co-authored-by: Paul Paffe <paul.paffe@gmx.net>
48 lines
1.2 KiB
Svelte
48 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { openFileUploadDialog } from '$lib/utils/file-uploader';
|
|
import type { UserResponseDto } from '@api';
|
|
import NavigationBar from '../shared-components/navigation-bar/navigation-bar.svelte';
|
|
import SideBar from '../shared-components/side-bar/side-bar.svelte';
|
|
|
|
export let user: UserResponseDto;
|
|
export let hideNavbar = false;
|
|
export let showUploadButton = false;
|
|
export let title: string | undefined = undefined;
|
|
</script>
|
|
|
|
<header>
|
|
{#if !hideNavbar}
|
|
<NavigationBar
|
|
{user}
|
|
shouldShowUploadButton={showUploadButton}
|
|
on:uploadClicked={() => openFileUploadDialog()}
|
|
/>
|
|
{/if}
|
|
|
|
<slot name="header" />
|
|
</header>
|
|
|
|
<main
|
|
class="grid md:grid-cols-[250px_auto] grid-cols-[70px_auto] relative pt-[4.25rem] h-screen bg-immich-bg dark:bg-immich-dark-bg immich-scrollbar"
|
|
>
|
|
<SideBar />
|
|
|
|
<slot name="content">
|
|
<section class="my-8 mx-4 bg-immich-bg dark:bg-immich-dark-bg">
|
|
{#if title}
|
|
<div class="flex justify-between place-items-center dark:text-immich-dark-fg px-4 h-10">
|
|
<p class="font-medium">{title}</p>
|
|
|
|
<slot name="buttons" />
|
|
</div>
|
|
|
|
<div class="my-4">
|
|
<hr class="dark:border-immich-dark-gray" />
|
|
</div>
|
|
{/if}
|
|
|
|
<slot />
|
|
</section>
|
|
</slot>
|
|
</main>
|