fix: remove height restriction on details view

telosnetwork · Nov 18, 2023 · c7b4f0d · c7b4f0d
1 parent b18a930
commit c7b4f0d
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/pages/evm/nfts/NftViewer.vue b/src/pages/evm/nfts/NftViewer.vue
@@ -213,7 +213,13 @@ function setHoverPreviewVisibility(visible: boolean) {
  }"
  >
  <div class="c-nft-viewer__media-container">
- <div v-if="showCoverImage" class="c-nft-viewer__image-container">
+ <div
+ v-if="showCoverImage"
+ :class="{
+ 'c-nft-viewer__image-container': true,
+ 'c-nft-viewer__image-container--preview-mode': previewMode
+ }"
+ >
  <q-skeleton v-if="!passedMaxLoadingTime && isMediaLoading" type="rect" class="c-nft-viewer__image-loading" />
  <img
  v-show="!showPlaceholderCoverImage && !isMediaLoading && !imageError"
@@ -439,8 +445,10 @@ function setHoverPreviewVisibility(visible: boolean) {
  justify-content: center;
  align-items: center;
  margin: auto;
- height: 100%;
- max-height: 432px;
+ &--preview-mode{
+ height: 100%;
+ max-height: 432px;
+ }
  }
 
  &__image {