devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 26 Packages Projects Releases Wiki Activity

fix: DnD merge indicator matches round icon shape + separator visibility

Browse Source
This commit is contained in:
Jannis Braun
2026-03-12 04:56:45 +01:00
parent 1704715381
commit 6457e4d90c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/layout/SpaceSidebar.tsx
+3 -3
View File
@@ -137,7 +137,7 @@ function SidebarItem({ id, name, icon, avatarColor, active, onClick, onContextMe
); );
const innerContent = ( const innerContent = (
<div className={`relative ${dropIndicator === 'merge' ? 'scale-110 ring-2 ring-accent-mint/60 rounded-[16px]' : ''} transition-transform duration-150`}> <div className={`relative ${dropIndicator === 'merge' ? 'scale-110 ring-2 ring-accent-mint/60 rounded-full' : ''} transition-transform duration-150`}>
{buttonContent} {buttonContent}
{federationBadge && ( {federationBadge && (
<div className="absolute -bottom-0.5 -right-0.5 w-[14px] h-[14px] rounded-full bg-surface-base flex items-center justify-center"> <div className="absolute -bottom-0.5 -right-0.5 w-[14px] h-[14px] rounded-full bg-surface-base flex items-center justify-center">
@@ -1147,7 +1147,7 @@ export function SpaceSidebar() {
hasUnread={hasDmUnread} hasUnread={hasDmUnread}
/> />
<div className="w-8 h-[2px] bg-interactive-muted rounded-full mb-1.5" /> <div className="w-8 h-[2px] bg-white/[0.06] rounded-full mb-1.5" />
{/* Unified space list (ordered by user layout) */} {/* Unified space list (ordered by user layout) */}
{resolvedLayout.map((item) => { {resolvedLayout.map((item) => {
@@ -1212,7 +1212,7 @@ export function SpaceSidebar() {
); );
})} })}
<div className="w-8 h-[2px] bg-interactive-muted rounded-full mb-1.5" /> <div className="w-8 h-[2px] bg-white/[0.06] rounded-full mb-1.5" />
<SidebarItem <SidebarItem
id="add-space" id="add-space"