self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-27 05:11:11 +02:00
Code Issues Releases Activity

feat(web): add some material design 3 styling to forms and ui elements (#1798)

Browse Source 
* stlye: forms

* style: navigation bar

* style: user profile popup

* style: context menu

* fix: prettier

* style: manage account dark theme color

* style: user profile image border; fix: profile panel z-index

* style: border for profile image on hover and scrolling in administration page

* style: font size

* style: gap between day in a row
This commit is contained in:
Alex
2023-02-19 23:29:06 -06:00
committed by GitHub
parent 83a2669ff5
commit 2cf42e867c
10 changed files with 56 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/lib/components/shared-components/context-menu/context-menu.svelte
View File

@ -32,7 +32,7 @@
<div
transition:slide={{ duration: 200, easing: quintOut }}
bind:this={menuEl}
class="absolute w-[200px] z-[99999] rounded-lg overflow-hidden"
class="absolute w-[200px] z-[99999] rounded-lg overflow-hidden shadow-lg"
style={`top: ${y}px; left: ${x}px;`}
use:clickOutside
on:outclick={() => dispatch('clickoutside')}

2
web/src/lib/components/shared-components/context-menu/menu-option.svelte
View File

@ -16,7 +16,7 @@
<button
class:disabled={isDisabled}
on:click={handleClick}
class="bg-white hover:bg-gray-300 dark:text-immich-dark-bg transition-all p-4 w-full text-left text-sm"
class="bg-slate-100 hover:bg-gray-200 dark:text-immich-dark-bg transition-all p-4 w-full text-left text-sm font-medium"
>
{#if text}
{text}