fix: scrollable breakdowns

allinbits · Sep 18, 2024 · 8223ef4 · 8223ef4
1 parent 8d5bc5a
commit 8223ef4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/proposals/Breakdown.vue b/src/components/proposals/Breakdown.vue
@@ -63,7 +63,7 @@ const getTxHash = (vote: AllVotesQuery["proposal_vote"][0]) => {
 </script>
 
 <template>
-  <div class="flex flex-col w-full">
+  <div class="flex flex-col w-full overflow-auto">
     <div class="grid grid-cols-5 py-4 w-full text-grey-100 font-medium text-200">
       <span>{{ $t("components.Breakdown.voter") }}</span>
       <span>{{ $t("components.Breakdown.txHash") }}</span>

diff --git a/src/components/proposals/ProposalWrapper.vue b/src/components/proposals/ProposalWrapper.vue
@@ -807,7 +807,7 @@ onMounted(() => (title.value = `GovGen — #${proposal.value?.proposal[0].id} ${
     </PopupBox>
 
     <ModalWrap :visible="displayBreakdown">
-      <div class="bg-dark px-20 py-12 w-[90vw] md:max-w-[90rem] rounded-md">
+      <div class="bg-dark px-20 py-12 w-[90vw] md:max-w-[90rem] rounded-md max-h-screen">
         <CommonButton class="flex justify-between items-center gap-6 w-36" @click="showBreakdown(null)">
           <Icon icon="arrowLeft" /><span>{{ $t("ui.buttons.back") }}</span>
         </CommonButton>

diff --git a/src/components/proposals/ValidatorBreakdown.vue b/src/components/proposals/ValidatorBreakdown.vue
@@ -40,7 +40,7 @@ const getValidatorInfo = (address: string) => {
 </script>
 
 <template>
-  <div class="flex flex-col w-full">
+  <div class="flex flex-col w-full overflow-auto">
     <div class="grid grid-cols-5 py-4 w-full text-grey-100 font-medium text-200">
       <span>{{ $t("components.Breakdown.moniker") }}</span>
       <span>{{ $t("components.Breakdown.txHash") }}</span>