product-card

2025-09-04 20:14:34 +03:00
parent 1848d99179
commit 3259495ffb
2 changed files with 40 additions and 6 deletions
--- a/components/ProductDescription.vue
+++ b/components/ProductDescription.vue
@@ -77,15 +77,19 @@ const items = computed(() => [

 <style lang="scss">
 .product-description {
-  position: sticky;
-  align-self: self-start;
-  top: 40px;
-  overflow-y: auto;
-  width: 335px;
+  width: 100%;
+  max-width: 335px;
+
+  @media (min-width: 768px) {
+    position: sticky;
+    align-self: self-start;
+    top: 40px;
+    overflow-y: auto;
+    max-height: calc(100vh - 80px);
+  }

  padding-top: 30px;
  padding-inline: 30px;
-
  display: flex;
  flex-direction: column;
  gap: 10px;