diff --git a/components/ProductDescription.vue b/components/ProductDescription.vue index a1f1812..69116e5 100644 --- a/components/ProductDescription.vue +++ b/components/ProductDescription.vue @@ -37,7 +37,7 @@ @@ -104,10 +104,10 @@ function addToCartBtn() { @media (min-width: 768px) { position: sticky; - align-self: self-start; top: 40px; + max-height: calc(100vh - 40px); + max-width: 350px; overflow-y: auto; - max-height: calc(100vh - 80px); } @include mobile { diff --git a/pages/product/[id].vue b/pages/product/[id].vue index b8eb968..d6cd4c8 100644 --- a/pages/product/[id].vue +++ b/pages/product/[id].vue @@ -107,7 +107,6 @@ onUnmounted(() => { @use '~/assets/scss/utils' as *; .product { - overflow: hidden; position: relative; width: 100%; display: flex;