fix(tablet): organizational assets page

hypha-dao · Oct 26, 2022 · 44d0bf6 · 44d0bf6
1 parent 5bae255
commit 44d0bf6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/components/organization-asset/asset-card.vue b/src/components/organization-asset/asset-card.vue
@@ -99,6 +99,8 @@ widget.cursor-pointer.item(:class="{'mobile-item': isMobile, 'desktop-item': !is
   height: 281px
   @media (max-width: $breakpoint-sm)
     max-width: 100%
+  @media (max-width: $breakpoint-md)
+    max-width: 47.7%
 
   .description
     height: 95px

diff --git a/src/pages/dho/OrganizationalAssets.vue b/src/pages/dho/OrganizationalAssets.vue
@@ -232,7 +232,7 @@ export default {
 
 <template lang="pug">
 .organizational-assets
-  .row.full-width(v-if="$q.screen.gt.sm")
+  .row.full-width(v-if="$q.screen.gt.md")
     .col-9.q-py-md
         base-placeholder(v-if="!(list && list.length)" title= "No Badges" subtitle="Your organization doesn't have any badges yet. You can create one by clicking the button below."
           icon= "fas fa-id-badge" :actionButtons="[{label: 'Create a new badge', color: 'primary', onClick: () => routeTo('proposals/create')}]" )
@@ -255,6 +255,7 @@ export default {
       :optionArray.sync="optionArray",
       :showCircle="false"
       :showViewSelector="false"
+      :style="'width: 400px; right: 0; left: auto;'"
       :showToggle="false")
     .col-12.q-py-md
         base-placeholder(v-if="!(list && list.length)" title= "No Badges" subtitle="Your organization doesn't have any badges yet. You can create one by clicking the button below."

diff --git a/src/pages/support/Support.vue b/src/pages/support/Support.vue
@@ -51,7 +51,7 @@ export default {
 <template lang="pug">
 q-page.page-support
   .row.full-width
-    .transactions(:class="{'col-9': $q.screen.gt.sm, 'q-px-sm': $q.screen.gt.sm, 'col-12': !$q.screen.gt.sm, 'q-my-md': $q.screen.gt.sm}")
+    .transactions(:class="{'col-9': $q.screen.gt.md, 'q-px-sm': $q.screen.gt.md, 'col-12': !$q.screen.gt.md, 'q-my-md': $q.screen.gt.md}")
       widget(title="Transactions")
         .text-body2.q-mt-sm.text-weight-thin.text-grey-7.q-my-md When you encounter a error message, please copy paste the transaction into the DAO Support Channel.
         .text-subtitle1.q-mt-sm.text-bold.q-mt-xl Transaction Log
@@ -69,7 +69,7 @@ q-page.page-support
                 q-item-section(side v-if="notification.status === 'success'")
                   q-btn(dense flat size="8px" color="primary" icon="fas fa-external-link-alt" @click="openUrl(`/transaction/${notification.transactionId}`)" target="_blank")
                   q-tooltip Display on block explorer
-    .relative-position.q-my-md(:class="{'col-3': $q.screen.gt.sm, 'q-pl-sm': $q.screen.gt.sm,'col-12': !$q.screen.gt.sm}")
+    .relative-position.q-my-md(:class="{'col-3': $q.screen.gt.md, 'q-pl-sm': $q.screen.gt.md,'col-12': !$q.screen.gt.md}")
       widget(title="Do you have Questions?")
         .text-body2.q-mt-sm.text-weight-thin.text-grey-7.q-my-md Find our full documentation here
         q-btn.q-px-xl.q-mt-xl(rounded no-caps color="primary" type="a" href="https://notepad.hypha.earth/5dC66nNXRVGpb1aTHaRJXw" target="_blank") Open wiki