fix(filter-widget): set width to be same on all screens (#1542) (#1586)

hypha-dao · Sep 14, 2022 · 1a15f85 · 1a15f85
1 parent 34ced1b
commit 1a15f85
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/profiles/members-list.vue b/src/components/profiles/members-list.vue
@@ -37,9 +37,9 @@ export default {
 <template lang="pug">
 .members-list(ref="scrollContainer")
   q-infinite-scroll(@load="onLoad" :offset="250"  ref="scroll")
-    .row.q-gutter-md(:class="{ 'full-width': view === 'list', 'q-pr-xxs': view === 'list' }")
+    .row(:class="{ 'q-mr-md': view === 'list' }")
       template(v-for="member in members")
-        profile-card(:username="member.username" :joinedDate="member.joinedDate" :isApplicant = "member.isApplicant" :view="view" :key="member.hash")
+        profile-card.q-mr-md.q-mb-md.q-ml-none.q-mt-none(:style="'width: 297px'" :username="member.username" :joinedDate="member.joinedDate" :isApplicant = "member.isApplicant" :view="view" :key="member.hash")
     template(v-slot:loading)
       .row.justify-center.q-my-md
         loading-spinner(color="primary" size="40px")

diff --git a/src/components/profiles/profile-card.vue b/src/components/profiles/profile-card.vue
@@ -226,7 +226,7 @@ widget-editable(
   @onFail="resetForm"
   :savable= "savable"
   :class="{ 'full-width': list, 'cursor-pointer': !editButton && clickable }"
-  :style="{ 'width': card ? '302px' : 'inherit'}"
+  :style="{ 'width': card ? '325px' : 'inherit'}"
   @click.native="(!editButton && clickable) ? onClick() : null"
 )
   .row.items-arround.flex(v-if="!editable" :style="{ 'height': card ? '324px' : '80px' }")

diff --git a/src/components/proposals/proposal-card.vue b/src/components/proposals/proposal-card.vue
@@ -111,7 +111,7 @@ widget.cursor-pointer.card(
   .row.justify-center.items-center
     div(
       :style="{ 'min-height': card ? '344px': '145px', 'max-width': card ? '302px' : '940px', 'full-width': list, 'background': 'white' }"
-      :class="{'q-px-lg': card, 'q-py-xl': card, 'q-px-xl': list, 'col': list}"
+      :class="{'q-px-lg': card, 'q-py-xl': card, 'q-px-xl': list, 'col': list, 'flex': list, 'column': list, 'justify-center': list}"
       ).round-corners.overflow-hidden.relative
       q-skeleton(v-if="proposal.loading").absolute-full.round-corners
 

diff --git a/src/pages/dho/Members.vue b/src/pages/dho/Members.vue
@@ -382,7 +382,7 @@ export default {
   .row.full-width.q-py-md
     .col-9
       members-list(:members="members" :view="view" @loadMore="onLoadMoreMembers" ref="scroll")
-    .col-3.q-pl-sm
+    .col-3
       filter-widget.sticky(:view.sync="view",
       :toggle.sync="showApplicants",
       :toggleDefault="false",