Account menu and bottomsheet fixes

This commit is contained in:
ernstmul
2025-01-16 13:58:57 +01:00
parent 00fe254499
commit 1bb3502c9c
4 changed files with 24 additions and 28 deletions
+1 -1
View File
@@ -23,7 +23,7 @@
"@appwrite.io/pink": "0.25.0",
"@appwrite.io/pink-icons": "0.25.0",
"@appwrite.io/pink-icons-svelte": "1.0.0-next.7",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad",
"@popperjs/core": "^2.11.8",
"@sentry/sveltekit": "^8.38.0",
"@stripe/stripe-js": "^3.5.0",
+9 -9
View File
@@ -21,8 +21,8 @@ importers:
specifier: 1.0.0-next.7
version: 1.0.0-next.7(svelte@4.2.19)
'@appwrite.io/pink-svelte':
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
'@popperjs/core':
specifier: ^2.11.8
version: 2.11.8
@@ -223,8 +223,8 @@ packages:
peerDependencies:
svelte: ^4.0.0
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572}
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
@@ -232,8 +232,8 @@ packages:
'@appwrite.io/pink-icons@0.25.0':
resolution: {integrity: sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q==}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad}
version: 1.0.0-next.85
peerDependencies:
react-dom: ^18.0.0
@@ -4049,15 +4049,15 @@ snapshots:
dependencies:
svelte: 4.2.19
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572(svelte@4.2.19)':
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5(svelte@4.2.19)':
dependencies:
svelte: 4.2.19
'@appwrite.io/pink-icons@0.25.0': {}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e2c54c3(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@dee77ad(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
dependencies:
'@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e2c54c381107560ff339208565292413bd334572(svelte@4.2.19)
'@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@dee77adf8f89ed4101e109173a76edf25045cac5(svelte@4.2.19)
'@floating-ui/dom': 1.6.12
'@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.2(svelte@4.2.19))(svelte@4.2.19)
'@melt-ui/svelte': 0.86.2(svelte@4.2.19)
+7 -9
View File
@@ -97,15 +97,13 @@
<Navbar.Base {...$$props}>
<div slot="left" class="left">
{#if showSideNavigation}
<div class="only-mobile-tablet">
<button
class="sideNavToggle"
on:click={() => {
sideBarIsOpen = !sideBarIsOpen;
}}><Icon icon={IconMenuAlt4} /></button>
</div>
{/if}
<div class="only-mobile-tablet">
<button
class="sideNavToggle"
on:click={() => {
sideBarIsOpen = !sideBarIsOpen;
}}><Icon icon={IconMenuAlt4} /></button>
</div>
<img src={logo.src} alt={logo.alt} class="only-desktop" />
<BreadcrumbsConsole {organizations} />
</div>
+7 -9
View File
@@ -80,15 +80,12 @@
{#if showHeader}
<Navbar {...navbarProps} bind:sideBarIsOpen bind:showSideNavigation bind:showAccountMenu />
{/if}
{#if showSideNavigation}
<Sidebar
project={projects.find((project) => project.isSelected)}
avatar={navbarProps.avatar}
bind:sideBarIsOpen
bind:showAccountMenu
bind:state />
{/if}
<Sidebar
project={projects.find((project) => project.isSelected)}
avatar={navbarProps.avatar}
bind:sideBarIsOpen
bind:showAccountMenu
bind:state />
<div
class="content"
@@ -147,6 +144,7 @@
z-index: 10;
background-color: #56565c1a;
backdrop-filter: blur(5px);
transition: backdrop-filter 0.5s ease-in-out;
@media (min-width: 1024px) {
display: none;