fix/filter select

hackathon-Gazprom · Aug 25, 2024 · c9089cf · c9089cf
1 parent 0c8df49
commit c9089cf
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/src/components/Filter/Filter.module.scss b/src/components/Filter/Filter.module.scss
@@ -12,6 +12,10 @@
   overflow-y: auto;
 }
 
+.filterContainer {
+  width: 241px;
+}
+
 .container {
   display: flex;
   gap: 16px;

diff --git a/src/components/Filter/Filter.tsx b/src/components/Filter/Filter.tsx
@@ -128,7 +128,7 @@ export default function Filter({ droppedCards }: FilterProps) {
 
   return (
     <div ref={modalRef} className={styles.filter}>
-      <div>
+      <div className={styles.filterContainer}>
         <Input
           className={styles.input}
           placeholder='Поиск'

diff --git a/src/ui/Select/Select.module.scss b/src/ui/Select/Select.module.scss
@@ -12,6 +12,10 @@
   background-color: white;
   cursor: pointer;
 
+  &--mini {
+    width: 100%;
+  }
+
   &__title {
     color: $main-text-black;
     box-sizing: border-box;

diff --git a/src/ui/Select/Select.tsx b/src/ui/Select/Select.tsx
@@ -30,16 +30,23 @@ export default function Select({ text, value, setValue, options }: ISelect) {
     setValue('');
   }
 
+  const newTeamRout = location.pathname === '/new-team'
+  console.log('newTeamRout: ', newTeamRout);
+
   return (
     <div
       ref={isOpen ? ref : null}
       className={cx('select', {
         'select--open': isOpen,
+        'select--mini': newTeamRout,
       })}
       aria-hidden='true'
     >
       {!value && (
-        <span onClick={toggleOpen} className={cx('select__title')}>
+        <span
+          onClick={toggleOpen}
+          className={cx('select__title')}
+        >
           {text}
         </span>
       )}