Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: chat layouting and sidebar colors and placement

Browse Source
This commit is contained in:
ernstmul
2025-05-12 15:08:19 +02:00
parent e611234a8b
commit c4dbdfcb63
2 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/studio/chat/chat.svelte
+1 -4
View File
@@ -211,6 +211,7 @@
@media (min-width: 768px) {
width: 100%;
height: 100%;
padding-inline: 0;
background-color: transparent;
}
}
@@ -224,10 +225,6 @@
.divider-wrapper {
margin-inline-start: calc(-1 * var(--space-4));
width: calc(100% + 2 * var(--space-4));
@media (min-width: 768px) {
margin-inline-start: calc(-1 * var(--space-7));
width: calc(100% + 2 * var(--space-7));
}
}
// fix alignment bug in Safari
src/lib/components/studio/sidebarProject.svelte
+5 -5
View File
@@ -21,7 +21,7 @@
const menuItems: Array<
{ type: 'divider' } | { type: 'item'; label: string; path: string; icon: ComponentType }
> = [
{ type: 'item', label: 'Studio', path: 'studio', icon: IconViewGrid },
{ type: 'item', label: 'Studio', path: 'studio', icon: IconTemplate },
{ type: 'divider' },
{ type: 'item', label: 'Auth', path: 'auth', icon: IconUserGroup },
{ type: 'item', label: 'Databases', path: 'databases', icon: IconDatabase },
@@ -37,12 +37,11 @@
<Layout.Stack gap="xs" inline>
{#each menuItems as menuItem}
{#if menuItem.type === 'item'}
{@const isActive = page.url.pathname.includes(menuItem.path)}
<ActionMenu.Item.Anchor
style={`--space-5: 8px; background-color: ${
page.url.pathname.includes(menuItem.path)
? 'var(--overlay-neutral-hover)'
: 'auto'
}`}
isActive ? 'var(--overlay-neutral-hover)' : 'auto'
}; --icon-fill: ${isActive ? 'var(--fgcolor-neutral-primary)' : 'var(--fgcolor-neutral-tertiary)'}`}
href={`${base}/project-${project.$id}/${menuItem.path}`}
leadingIcon={menuItem.icon}
size="l"
@@ -74,6 +73,7 @@
z-index: 10;
@media (min-width: 768px) {
padding-block-start: 18px;
width: 48px;
}
}