初始化

wwf

2 天以前 a430284aa21e3ae1f0d5654e55b2ad2852519cc2

 app/components/workflow/note-node/note-editor/toolbar/color-picker.tsx

@@ -63,24 +63,24 @@
    >
      <PortalToFollowElemTrigger onClick={() => setOpen(!open)}>
        <div className={cn(
          'flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-black/5',
          'flex items-center justify-center w-8 h-8 rounded-md cursor-pointer hover:bg-black/5',
          open && 'bg-black/5',
        )}>
          <div
            className={cn(
              'h-4 w-4 rounded-full border border-black/5',
              'w-4 h-4 rounded-full border border-black/5',
              THEME_MAP[theme].title,
            )}
          ></div>
        </div>
      </PortalToFollowElemTrigger>
      <PortalToFollowElemContent>
        <div className='grid grid-cols-3 grid-rows-2 gap-0.5 rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-lg'>
        <div className='grid grid-cols-3 grid-rows-2 gap-0.5 p-0.5 rounded-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg shadow-lg'>
          {
            COLOR_LIST.map(color => (
              <div
                key={color.key}
                className='group relative flex h-8 w-8 cursor-pointer items-center justify-center rounded-md'
                className='group relative flex items-center justify-center w-8 h-8 rounded-md cursor-pointer'
                onClick={(e) => {
                  e.stopPropagation()
                  onThemeChange(color.key)
@@ -89,13 +89,13 @@
              >
                <div
                  className={cn(
                    'absolute left-1/2 top-1/2 hidden h-5 w-5 -translate-x-1/2 -translate-y-1/2 rounded-full border-[1.5px] group-hover:block',
                    'hidden group-hover:block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-5 h-5 rounded-full border-[1.5px]',
                    color.outer,
                  )}
                ></div>
                <div
                  className={cn(
                    'absolute left-1/2 top-1/2 h-4 w-4 -translate-x-1/2 -translate-y-1/2 rounded-full border border-black/5',
                    'absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-4 h-4 rounded-full border border-black/5',
                    color.inner,
                  )}
                ></div>