Skip to content

Fix bublikov task 1#42

Open
pbuba wants to merge 6 commits into
mainfrom
fix-bublikov-task-1
Open

Fix bublikov task 1#42
pbuba wants to merge 6 commits into
mainfrom
fix-bublikov-task-1

Conversation

@pbuba

@pbuba pbuba commented Apr 30, 2025

Copy link
Copy Markdown
  • move DelegateSelectorDrawer to packages/ui/src/views/
  • Styled Drawer as figma (Text, layout, gap)
  • Fix on top header and on bottom footer

@vercel

vercel Bot commented Apr 30, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
canary ❌ Failed (Inspect) May 2, 2025 7:49am

Comment thread packages/ui/src/components/stacked-list.tsx Outdated
Comment thread packages/ui/src/views/components/RadioSelect.tsx Outdated
Comment thread packages/ui/src/views/delegates/components/delegate-connectivity-list.tsx Outdated
primary ? 'text-3 leading-snug' : secondary ? 'text-2' : 'text-sm',
'text-cn-foreground-1 [&>em]:text-cn-foreground-1 font-normal [&>em]:font-medium [&>em]:not-italic',
!!label && 'text-cn-foreground-2',
className

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know there was an issue with className here, but before removing it, we should check all usages of ListField across the projects

className={cn(
'[&_tr:last-child]:border-0',
{ '[&>tr:hover]:bg-cn-background-hover': hasHighlightOnHover },
{ '[&>tr:hover]:cursor-pointer': hasHighlightOnHover },

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This style shouldn’t be applied — hasHighlightOnHover doesn’t always imply a cursor change. It’s just for highlighting rows.

description={option.description}
descriptionClassName={cn('leading-tight', {
'text-cn-foreground-4': value !== option.value,
'': option.disabled

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can remove this line

className={isLoading ? '[mask-image:linear-gradient(to_bottom,black_30%,transparent_100%)]' : ''}
variant="asStackedList"
>
<Table.Root className="table-auto" variant="asStackedList">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should use tableClassName="table-fixed" and remove all max-w-{{}} from Table.Cell

return (
<Table.Row key={groupId}>
<Table.Cell className="max-w-28 content-center !py-4">
<div className="flex items-center gap-2.5">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems like you can remove this div

</Drawer.Header>

<Drawer.Inner>
<div className="px-6 pt-5 leading-[18px]">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Better to avoid custom values — we can use leading-tight here instead

<Drawer.Close className="sr-only" onClick={() => setOpen(false)} />
</Drawer.Header>

<Drawer.Inner>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can set default paddings in Drawer.Inner, so you don't need to apply padding to each child component individually

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants