Merge branch 'develop' into enhancement/close-setting-on-click-outside

bloomwalletio · Oct 26, 2023 · f912ef1 · f912ef1
2 parents 7f6a651 + adfdb06
commit f912ef1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/packages/desktop/views/components/LoggedOutLayout.svelte b/packages/desktop/views/components/LoggedOutLayout.svelte
@@ -44,7 +44,7 @@
         height: 67px;
 
         &.glass {
-            @apply bg-surface/90 dark:bg-surface-dark/60;
+            @apply bg-surface/90 dark:bg-surface-dark/60 z-20;
             backdrop-filter: blur(16px);
         }
     }

diff --git a/packages/desktop/views/login/components/ProfileCard.svelte b/packages/desktop/views/login/components/ProfileCard.svelte
@@ -47,20 +47,23 @@
 
 <style lang="postcss">
     .profile {
+        @apply z-10;
         @apply duration-300;
         @apply relative flex flex-col items-center justify-center gap-5 p-10;
         @apply border border-solid border-stroke dark:border-stroke-dark rounded-2xl;
         @apply bg-surface-1 dark:bg-surface-1-dark;
         @apply disabled:pointer-events-none disabled:opacity-50;
-        transition-property: background-color, border-color, box-shadow;
+        transition-property: background-color, border-color, box-shadow, z-index;
         width: var(--profile-card-width, 14rem);
         height: var(--profile-card-width, 14rem);
 
         &:hover,
         &:focus {
-            @apply shadow-lg dark:shadow-violet-900/25;
+            @apply z-0;
             @apply border-2 border-brand-500;
             @apply bg-surface dark:bg-surface-dark;
+            @apply shadow-[-20px_-20px_64px_15px_rgba(137,190,155,0.10),-20px_20px_64px_15px_rgba(195,149,255,0.10),20px_0px_64px_15px_rgba(114,170,255,0.10),0px_12px_32px_-12px_rgba(0,0,0,0.15)];
+            @apply dark:shadow-[0px_12px_32px_-12px_rgba(0,0,0,0.5),-10px_-20px_64px_15px_rgba(0,101,255,0.1),10px_20px_64px_15px_rgba(217,43,221,0.05)];
         }
     }
 

diff --git a/packages/desktop/views/login/views/SelectProfileView.svelte b/packages/desktop/views/login/views/SelectProfileView.svelte
@@ -83,8 +83,8 @@
         --profile-card-width: 14rem;
     }
     profile-card-list {
-        @apply pr-4 -mr-4 my-auto pt-[4.75rem] pb-16 gap-5 items-center;
-        @apply max-w-[80vw] max-h-full overflow-auto;
+        @apply max-w-[80vw] max-h-full overflow-auto box-content;
+        @apply pl-24 pr-24 -mr-4 my-auto pt-[4.75rem] pb-16 gap-5 items-center;
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(var(--profile-card-width, 1fr), 1fr));
     }