Merge branch 'main' into feat/google-analytics

jobstash · Nov 13, 2024 · 3816b71 · 3816b71
2 parents 37b1cf9 + 7a5c1d5
commit 3816b71
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/shared/components/draggable-wrapper.tsx b/src/shared/components/draggable-wrapper.tsx
@@ -13,7 +13,7 @@ interface Props {
   className?: ClassValue;
 }
 
-const WRAPPER_CLASSNAME = 'hide-scrollbar p-1';
+const WRAPPER_CLASSNAME = 'hide-scrollbar p-1 overflow-auto';
 
 export const DraggableWrapper = (props: Props) => {
   const { children, className } = props;

diff --git a/src/shared/components/info-tag/index.tsx b/src/shared/components/info-tag/index.tsx
@@ -29,11 +29,11 @@ export const InfoTag = (props: Props) => {
 
   const content = (
     <>
-      {icon}
+      <div className='shrink-0'>{icon}</div>
       <span className="max-w-[32ch] truncate text-sm md:max-w-[44ch] lg:text-xs">
         {text}
       </span>
-      {showExternalIcon && <ExternalIcon />}
+      <div className='shrink-0'>{showExternalIcon && <ExternalIcon />}</div>
     </>
   );
 

diff --git a/src/shared/components/info-tag/info-tag-link.tsx b/src/shared/components/info-tag/info-tag-link.tsx
@@ -18,8 +18,8 @@ export const InfoTagLink = ({ className, href, content }: Props) => {
   };
 
   return (
-    <Button className={className} onClick={onClick}>
-      <div className="flex items-center gap-x-2">{content}</div>
+    <Button className={`${className} max-w-full`} onClick={onClick}>
+      <div className="flex max-w-full items-center gap-x-2">{content}</div>
     </Button>
   );
 };