mirror of
https://github.com/appwrite/console.git
synced 2026-06-06 19:27:48 +00:00
Account menu and bottomsheet fixes
This commit is contained in:
+1
-1
@@ -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",
|
||||
|
||||
Generated
+9
-9
@@ -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)
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user