Implement mechanism to remove and add shared user in album on web (#369)

* AFixed overlay issue of modal

* Added modal with existing user

* Added custom scrollbar to all pages

* Fixed Document is not define when access document DOM node in browswer

* Added context menu

* Added api to remove user from album

* Handle user leave album

* Added share button to non-shared album

* Added padding to album viewer:

* Fixed margin top of asset selection page

* Fixed issue cannot push to dockerhub
This commit is contained in:
Alex
2022-07-23 13:08:49 -05:00
committed by GitHub
parent 6021124688
commit 3b97c7729b
20 changed files with 405 additions and 142 deletions

View File

@@ -16,7 +16,7 @@
<script lang="ts">
import '../app.css';
import { blur, fade, slide } from 'svelte/transition';
import { fade } from 'svelte/transition';
import DownloadPanel from '$lib/components/asset-viewer/download-panel.svelte';
import AnnouncementBox from '$lib/components/shared-components/announcement-box.svelte';

View File

@@ -44,4 +44,6 @@
<title>{album.albumName} - Immich</title>
</svelte:head>
<AlbumViewer {album} />
<div class="relative immich-scrollbar">
<AlbumViewer {album} />
</div>

View File

@@ -90,12 +90,12 @@
<NavigationBar {user} on:uploadClicked={() => {}} />
</section>
<section class="grid grid-cols-[250px_auto] relative pt-[72px] h-screen bg-immich-bg">
<section class="grid grid-cols-[250px_auto] relative pt-[72px] h-screen bg-immich-bg ">
<SideBar />
<!-- Main Section -->
<section class="overflow-y-auto relative">
<section class="overflow-y-auto relative immich-scrollbar">
<section id="album-content" class="relative pt-8 pl-4 mb-12 bg-immich-bg">
<div class="px-4 flex justify-between place-items-center">
<div>

View File

@@ -142,7 +142,7 @@
<SideBar />
<!-- Main Section -->
<section class="overflow-y-auto relative">
<section class="overflow-y-auto relative immich-scrollbar">
<section id="assets-content" class="relative pt-8 pl-4 mb-12 bg-immich-bg">
<section id="image-grid" class="flex flex-wrap gap-14">
{#each $assetsGroupByDate as assetsInDateGroup, groupIndex}