fix: mobile UI bugs (#2474)

* fix(mobile): hide left navigation on mobile * fix(step-details): mobile ui bugs --------- Co-authored-by: Arsenije Savić <[email protected]>
hypha-dao · Sep 25, 2023 · 58bc002 · 58bc002
1 parent db99750
commit 58bc002
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/layouts/MultiDhoLayout.vue b/src/layouts/MultiDhoLayout.vue
@@ -557,8 +557,9 @@ export default {
       profile-sidebar-guest(v-if="!account && ($q.screen.gt.lg || !$q.screen.gt.sm) && !loadingAccount" :dhoTitle="dhoTitle" :daoName="daoName" @close="right = false" :registrationEnabled="daoSettings.registrationEnabled")
     q-footer.bg-white(v-if="$q.screen.lt.lg && $route.name !== ROUTE_NAMES.PROPOSAL_DETAIL && $route.name !== ROUTE_NAMES.CREATE_YOUR_DAO" :style="{ height: '74px' }")
       bottom-navigation
-    q-drawer(v-else v-model="left" side="left" :width="80" persistent="persistent" :show-if-above="true")
-      left-navigation(:dho="dho" :dhos="dhos")
+    q-drawer(v-else-if="$q.screen.gt.md" v-model="left" side="left" :width="80" persistent="persistent" :show-if-above="true")
+      left-navigation(:dho="dho" :dhos="getDaos($apolloData.data.member)")
+
 </template>
 <style lang="stylus" scoped>
 .rounded-border

diff --git a/src/pages/proposals/create/StepDetails.vue b/src/pages/proposals/create/StepDetails.vue
@@ -171,23 +171,23 @@ widget
       label.h-label {{ fields.url.label }}
       .row.q-pb-md.q-mt-xxs.q-gutter-md
         .col
-          .row
+          div(:class="{'col': !$q.screen.gt.md, 'row': $q.screen.gt.md}")
             .col-2.q-mr-xs
               .flex.items-center.justify-center.bg-primary(:style="{ 'width': '40px', 'height': '40px', 'border-radius': '50%' }")
                 img(src="~/assets/icons/attachments/picture.svg")
             .col-8
               .h-h7(:style="{ 'font-size': '13px' }") {{ $t('pages.proposals.create.stepdetails.images') }}
               .h-b2.text-italic {{ $t('pages.proposals.create.stepdetails.pngJpegInApp') }}
         .col
-          .row
+          div(:class="{'col': !$q.screen.gt.md, 'row': $q.screen.gt.md}")
             .col-2.q-mr-xs
               .flex.items-center.justify-center.bg-primary(:style="{ 'width': '40px', 'height': '40px', 'border-radius': '50%' }")
                 img(src="~/assets/icons/attachments/doc.svg")
             .col-8
               .h-h7(:style="{ 'font-size': '13px' }") {{ $t('pages.proposals.create.stepdetails.documents') }}
               .h-b2.text-italic {{ $t('pages.proposals.create.stepdetails.txtPdfDoc') }}
         .col
-          .row
+          div(:class="{'col': !$q.screen.gt.md, 'row': $q.screen.gt.md}")
             .col-2.q-mr-xs
               .flex.items-center.justify-center.bg-primary(:style="{ 'width': '40px', 'height': '40px', 'border-radius': '50%' }")
                 img(src="~/assets/icons/attachments/camera.svg")