feat: larger height of gallery tab item container on mobile

floyd-li · Apr 12, 2023 · 350563c · 350563c
1 parent 6315c5a
commit 350563c
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/components/gallery/GalleryItemTabsPanel/GalleryItemTabsPanel.vue b/components/gallery/GalleryItemTabsPanel/GalleryItemTabsPanel.vue
@@ -1,5 +1,8 @@
 <template>
-  <o-tabs v-model="activeTab" expanded content-class="o-tabs__content--fixed">
+  <o-tabs
+    v-model="activeTab"
+    expanded
+    content-class="o-tabs__content--fixed gallery-item-tab-panel">
     <!-- offers -->
     <DisablableTab
       value="0"
@@ -65,3 +68,13 @@ watchEffect(() => {
   collectionId.value = nft.value?.collection.id || ''
 })
 </script>
+
+<style lang="scss">
+@import '@/styles/abstracts/variables';
+
+.o-tabs__content--fixed.gallery-item-tab-panel {
+  @include mobile {
+    height: 28rem;
+  }
+}
+</style>