fix(styles): minor style fix on user-subs view

bimdata · Dec 20, 2021 · 2392d8e · 2392d8e
1 parent 0339369
commit 2392d8e
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 17 deletions.
diff --git a/src/components/specific/subscriptions/billings-table/BillingsTable.scss b/src/components/specific/subscriptions/billings-table/BillingsTable.scss
@@ -1,4 +1,18 @@
 .billings-table {
+  &__table {
+    overflow: visible;
+  }
+
+  &__empty {
+    &:deep(.bimdata-card__content) {
+      height: 480px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
   .space-cell {
     max-width: 300px;
     &:hover {
@@ -22,14 +36,4 @@
       color: var(--color-high);
     }
   }
-
-  &__empty {
-    &:deep(.bimdata-card__content) {
-      height: 480px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-    }
-  }
 }
diff --git a/src/components/specific/subscriptions/billings-table/BillingsTable.vue b/src/components/specific/subscriptions/billings-table/BillingsTable.vue
@@ -4,7 +4,7 @@
       {{ $t("BillingsTable.title") }}
     </h2>
 
-    <BIMDataCard v-if="subscriptions.length > 0">
+    <BIMDataCard class="billings-table__table" v-if="subscriptions.length > 0">
       <template #content>
         <GenericTable
           :columns="columns"

diff --git a/src/components/specific/subscriptions/invoices-table/InvoicesTable.scss b/src/components/specific/subscriptions/invoices-table/InvoicesTable.scss
@@ -1,4 +1,8 @@
 .invoices-table {
+  &__table {
+    overflow: visible;
+  }
+
   &__empty {
     &:deep(.bimdata-card__content) {
       display: flex;

diff --git a/src/components/specific/subscriptions/invoices-table/InvoicesTable.vue b/src/components/specific/subscriptions/invoices-table/InvoicesTable.vue
@@ -4,7 +4,7 @@
       {{ $t("InvoicesTable.title") }}
     </h2>
 
-    <BIMDataCard v-if="subscriptions.length > 0">
+    <BIMDataCard class="invoices-table__table" v-if="subscriptions.length > 0">
       <template #content>
         <GenericTable
           :columns="columns"
@@ -38,7 +38,7 @@
       </template>
     </BIMDataCard>
 
-    <BIMDataCard v-else class="invoices-table__empty">
+    <BIMDataCard class="invoices-table__empty" v-else>
       <template #content>
         <InvoicesTableEmptyImage class="m-b-24" />
         <p>

diff --git a/src/views/user-subscriptions/UserSubscriptions.scss b/src/views/user-subscriptions/UserSubscriptions.scss
@@ -16,9 +16,9 @@
       .bimdata-dropdown-list {
         width: 380px;
 
-        .number-organizations {
-          width: 24px;
-          height: 24px;
+        .organization-count {
+          min-width: 20px;
+          height: 20px;
           border-radius: 3px;
           font-weight: bold;
           background-color: var(--color-primary);

diff --git a/src/views/user-subscriptions/UserSubscriptions.vue b/src/views/user-subscriptions/UserSubscriptions.vue
@@ -27,7 +27,7 @@
             <template #header>
               <div class="flex items-center">
                 <span
-                  class="number-organizations flex items-center justify-center m-r-12"
+                  class="flex items-center justify-center m-r-12 organization-count"
                 >
                   {{ organizations.length }}
                 </span>