Skip to content

Commit

Permalink
fix border gap
Browse files Browse the repository at this point in the history
  • Loading branch information
zaknesler committed Jul 23, 2024
1 parent e0e6f70 commit 0b5bfae
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 12 deletions.
21 changes: 11 additions & 10 deletions ui/src/components/feed/feed-folder.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -34,16 +34,17 @@ export const FeedFolder: ParentComponent<FeedFolderProps> = props => {

return (
<Collapsible open={open()} onOpenChange={handleNavigate} class="flex flex-col items-stretch gap-1">
<Collapsible.Trigger as="button" class={feedClasses.item({ active: isActive(), class: 'gap-1.5' })}>
<Button class={feedClasses.folderTrigger({ active: isActive() })} onClick={handleClick}>
<div class="flex size-7 items-center justify-center md:size-5">
<HiOutlineChevronRight
class={cx(
'size-4 text-gray-500 transition-transform md:size-3 dark:text-gray-400',
open() && 'rotate-90',
)}
/>
</div>
<Collapsible.Trigger as="button" class={feedClasses.item({ active: isActive() })}>
<Button
class={feedClasses.folderTrigger({
active: isActive(),
class: 'flex size-7 items-center justify-center md:size-5',
})}
onClick={handleClick}
>
<HiOutlineChevronRight
class={cx('size-4 text-gray-500 transition-transform md:size-3 dark:text-gray-400', open() && 'rotate-90')}
/>
</Button>

<span class="text-base md:text-sm">{props.label}</span>
Expand Down
2 changes: 1 addition & 1 deletion ui/src/components/feed/feed-item.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ export const BaseFeedItem: Component<BaseFeedItemProps> = props => {
]);

return (
<A {...rest} href={local.href} class={feedClasses.item({ active: local.active, class: 'gap-2' })}>
<A {...rest} href={local.href} class={feedClasses.item({ active: local.active })}>
<div class="relative flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-md md:size-5 md:rounded">
<Switch fallback={<RssIcon />}>
<Match when={local.favicon_src}>
Expand Down
2 changes: 1 addition & 1 deletion ui/src/constants/ui/feed.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { cva, cx } from 'class-variance-authority';

const base = cx(
'flex touch-manipulation select-none items-center rounded-lg border p-1 text-base no-underline transition focus:outline-none md:rounded-md md:text-sm',
'flex touch-manipulation select-none items-center gap-2 rounded-lg border p-1 text-base no-underline transition focus:outline-none md:rounded-md md:text-sm',
'text-gray-600 focus:border-gray-400 dark:text-gray-300 dark:focus:border-gray-600',
);

Expand Down

0 comments on commit 0b5bfae

Please sign in to comment.