feedback

Vizzuality · Aug 4, 2023 · d53da0e · d53da0e
1 parent b8f6f5b
commit d53da0e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/app/components/avatar/component.tsx b/app/components/avatar/component.tsx
@@ -1,9 +1,9 @@
 import React, { ButtonHTMLAttributes } from 'react';
 
-import cx from 'classnames';
-
 import chroma from 'chroma-js';
 
+import { cn } from 'utils/cn';
+
 const SIZE = {
   s: 'h-8 w-8',
   base: 'h-10 w-10',
@@ -29,7 +29,7 @@ export const Avatar: React.FC<AvatarProps> = ({
 
   return (
     <div
-      className={cx({
+      className={cn({
         'relative z-0 flex items-center justify-center rounded-full border-2 border-gray-700 bg-transparent bg-cover bg-center bg-no-repeat hover:z-10 focus:outline-none':
           true,
         'text-white': contrast > 2.5,

diff --git a/app/layout/project/sidebar/project/header/contributors/index.tsx b/app/layout/project/sidebar/project/header/contributors/index.tsx
@@ -85,7 +85,7 @@ export const Contributors = (): JSX.Element => {
                     <Avatar
                       size="s"
                       className={cn({
-                        '!border-none': true,
+                        'border-none': true,
                         'bg-gray-500 text-white transition-colors hover:bg-white hover:text-gray-500':
                           !open,
                         'bg-white text-gray-500': open,

diff --git a/app/layout/project/sidebar/project/header/project-button/index.tsx b/app/layout/project/sidebar/project/header/project-button/index.tsx
@@ -19,8 +19,8 @@ import { cn } from 'utils/cn';
 
 import DELETE_WARNING_SVG from 'svgs/notifications/delete-warning.svg?sprite';
 import DOTS_SVG from 'svgs/ui/dots.svg?sprite';
+import DOWNLOAD_SVG from 'svgs/ui/download.svg?sprite';
 import COMMUNITY_SVG from 'svgs/ui/new-layout/community.svg?sprite';
-import DOWNLOAD_SVG from 'svgs/ui/upload.svg?sprite';
 
 import PublishModal from './publish-modal';
 
@@ -243,7 +243,7 @@ const ProjectButton = (): JSX.Element => {
             >
               <Icon
                 icon={DOWNLOAD_SVG}
-                className="h-5 w-5 rotate-180 stroke-current text-gray-400 group-hover:text-white"
+                className="h-4 w-4 stroke-current text-gray-400 group-hover:text-white"
               />
 
               <p>Download</p>

diff --git a/app/layout/project/sidebar/project/inventory-panel/features/list/index.tsx b/app/layout/project/sidebar/project/inventory-panel/features/list/index.tsx
@@ -156,7 +156,7 @@ export const ProjectFeatureList = (): JSX.Element => {
           </button>
         </div>
       </div>
-      <div>
+      <div className="relative">
         {allFeaturesQuery.isFetching && (
           <div className="relative min-h-[200px]">
             <Loading
@@ -169,8 +169,8 @@ export const ProjectFeatureList = (): JSX.Element => {
           <div className="flex h-[200px] items-center justify-center">No features found.</div>
         )}
         {!allFeaturesQuery.isFetching && (
-          <div className="relative flex min-h-0 flex-grow flex-col overflow-hidden">
-            <div className="absolute left-0 top-0 z-10 h-6 w-[calc(100%-20px)] bg-gradient-to-b from-gray-700 via-gray-700" />
+          <div className="flex min-h-0 flex-grow flex-col overflow-hidden before:absolute before:left-0 before:top-0 before:z-10 before:h-6 before:w-[calc(100%-20px)] before:bg-gradient-to-b before:from-gray-700 before:content-[''] after:absolute after:bottom-0 after:left-0 after:z-10 after:h-6 after:w-[calc(100%-20px)] after:bg-gradient-to-t after:from-gray-700 after:content-['']">
+            {/* <div className="absolute left-0 top-0 z-10 h-6 w-[calc(100%-20px)] bg-gradient-to-b from-gray-700 via-gray-700" /> */}
             <ul className="max-h-[calc(100vh-400px)] divide-y divide-gray-400 overflow-y-auto py-3 pl-1 pr-2">
               {allFeaturesQuery.data?.map((feature) => (
                 <li key={feature.id} className="flex items-center justify-between py-2 ">
@@ -183,7 +183,7 @@ export const ProjectFeatureList = (): JSX.Element => {
                 </li>
               ))}
             </ul>
-            <div className="absolute bottom-0 left-0 z-10 h-6 w-[calc(100%-20px)] bg-gradient-to-t from-gray-700 via-gray-700" />
+
             {selectedFeaturesIds.length > 0 && (
               <FeaturesBulkActionMenu selectedFeaturesIds={selectedFeaturesIds} />
             )}