remove fixed table

sora-xor · Mar 5, 2024 · fb9a829 · fb9a829
1 parent 5296bd5
commit fb9a829
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 12 deletions.
diff --git a/src/components/pages/Swap/Widget/Transactions.vue b/src/components/pages/Swap/Widget/Transactions.vue
@@ -65,7 +65,7 @@
           </div>
         </template>
       </s-table-column>
-      <s-table-column width="140" header-align="center" align="center">
+      <s-table-column width="140" header-align="right" align="right">
         <template #header>
           <span>Sold</span>
         </template>
@@ -77,7 +77,7 @@
           />
         </template>
       </s-table-column>
-      <s-table-column width="140" header-align="center" align="center">
+      <s-table-column width="140" header-align="left" align="left">
         <template #header>
           <span>Bought</span>
         </template>

diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
@@ -556,12 +556,6 @@ $button-custom-shadow: -1px -1px 5px rgba(0, 0, 0, 0.05), 1px 1px 5px rgba(0, 0,
       &.is-scrolling-left ~ .el-table__fixed {
         box-shadow: inherit;
       }
-
-      .el-scrollbar__bar.is-horizontal {
-        right: 0;
-        left: unset;
-        width: calc(100% - #{$fixed-column-width});
-      }
     }
 
     &.el-table--scrollable-x {

diff --git a/src/views/Explore/Books.vue b/src/views/Explore/Books.vue
@@ -9,7 +9,7 @@
       class="explore-table"
     >
       <!-- Index -->
-      <s-table-column width="240" label="#" fixed-position="left">
+      <s-table-column width="240" label="#">
         <template #header>
           <div class="explore-table-item-index">
             <span @click="handleResetSort" :class="['explore-table-item-index--head', { active: isDefaultSort }]">

diff --git a/src/views/Explore/Demeter.vue b/src/views/Explore/Demeter.vue
@@ -9,7 +9,7 @@
       class="explore-table"
     >
       <!-- Index -->
-      <s-table-column width="240" label="#" fixed-position="left">
+      <s-table-column width="240" label="#">
         <template #header>
           <div class="explore-table-item-index">
             <span @click="handleResetSort" :class="['explore-table-item-index--head', { active: isDefaultSort }]">

diff --git a/src/views/Explore/Pools.vue b/src/views/Explore/Pools.vue
@@ -9,7 +9,7 @@
       class="explore-table"
     >
       <!-- Index -->
-      <s-table-column width="240" label="#" fixed-position="left">
+      <s-table-column width="240" label="#">
         <template #header>
           <div class="explore-table-item-index">
             <span @click="handleResetSort" :class="['explore-table-item-index--head', { active: isDefaultSort }]">

diff --git a/src/views/Explore/Tokens.vue b/src/views/Explore/Tokens.vue
@@ -10,7 +10,7 @@
       class="explore-table"
     >
       <!-- Index -->
-      <s-table-column width="280" label="#" fixed-position="left">
+      <s-table-column width="280" label="#">
         <template #header>
           <div class="explore-table-item-index">
             <span @click="handleResetSort" :class="['explore-table-item-index--head', { active: isDefaultSort }]">

diff --git a/src/views/Swap.vue b/src/views/Swap.vue
@@ -101,5 +101,9 @@ export default class Swap extends Mixins(mixins.LoadingMixin, TranslationMixin,
   &--small {
     max-width: $inner-window-width;
   }
+
+  @include tablet(true) {
+    max-width: $inner-window-width;
+  }
 }
 </style>