fix: issues (binary-com#11144)

suisin-deriv · Nov 3, 2023 · cca82aa · cca82aa
1 parent 641035b
commit cca82aa
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 20 deletions.
diff --git a/packages/wallets/src/components/Base/WalletDropdown/WalletDropdown.scss b/packages/wallets/src/components/Base/WalletDropdown/WalletDropdown.scss
@@ -1,6 +1,6 @@
 .wallets-dropdown {
     min-width: 12rem;
-    max-width: 28rem;
+    max-width: 19.5rem;
     position: relative;
 
     &__button {
@@ -32,6 +32,7 @@
     }
 
     &__field {
+        min-width: 0; /* this is required to reset input's default width */
         font-family: inherit;
         outline: 0;
         font-size: 1.4rem;

diff --git a/...features/cashier/modules/Transactions/components/TransactionsTable/TransactionsTable.scss b/...features/cashier/modules/Transactions/components/TransactionsTable/TransactionsTable.scss
@@ -1,25 +1,24 @@
 .wallets-transactions-table {
+    height: 65vh;
     width: 100%;
+    max-width: 80rem;
     display: flex;
     flex-direction: column;
     align-items: center;
+    gap: 1.6rem;
     padding-block: 0 0.8rem;
-    height: 65vh;
     overflow: auto;
 
-    @include mobile {
-        height: 75vh;
+    &::-webkit-scrollbar {
+        display: none;
     }
 
-    &__content {
-        width: 100%;
-        max-width: 80rem;
-        display: flex;
-        flex-direction: column;
-        gap: 1.6rem;
+    @include mobile {
+        height: 75vh;
     }
 
     &__row {
+        width: 100%;
         display: flex;
         flex-direction: column;
         gap: 0.8rem;

diff --git a/.../features/cashier/modules/Transactions/components/TransactionsTable/TransactionsTable.tsx b/.../features/cashier/modules/Transactions/components/TransactionsTable/TransactionsTable.tsx
@@ -27,16 +27,14 @@ const TransactionsTable = <T,>({ columns, data, fetchMore, groupBy, rowGroupRend
             onScroll={e => (fetchMore ? fetchMore(e.target as HTMLDivElement) : null)}
             ref={tableContainerRef}
         >
-            <div className='wallets-transactions-table__content'>
-                {table.getRowModel().rows.map(rowGroup => (
-                    <div className='wallets-transactions-table__row' key={rowGroup.id}>
-                        {rowGroupRender(rowGroup.original)}
-                        {rowGroup.subRows.map(row => (
-                            <div key={row.id}>{rowRender(row.original)}</div>
-                        ))}
-                    </div>
-                ))}
-            </div>
+            {table.getRowModel().rows.map(rowGroup => (
+                <div className='wallets-transactions-table__row' key={rowGroup.id}>
+                    {rowGroupRender(rowGroup.original)}
+                    {rowGroup.subRows.map(row => (
+                        <div key={row.id}>{rowRender(row.original)}</div>
+                    ))}
+                </div>
+            ))}
         </div>
     );
 };