alsaze/paxton-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Wiki Activity

product-card

Browse Source
This commit is contained in:
Veselov 2025-09-04 20:14:34 +03:00
parent 1848d99179
commit 3259495ffb
2 changed files with 40 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
assets/scss/main.scss
View File

@ -28,3 +28,33 @@ h3 {
button { button {
cursor: pointer; cursor: pointer;
} }
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: rgba(128, 128, 128, 0.5);
border-radius: 4px;
border: 2px solid transparent;
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(128, 128, 128, 0.7);
background-clip: padding-box;
}
* {
scrollbar-width: thin;
scrollbar-color: rgba(128, 128, 128, 0.5) transparent;
}
body {
-ms-overflow-style: -ms-autohiding-scrollbar;
}

16
components/ProductDescription.vue
View File

@ -77,15 +77,19 @@ const items = computed(() => [
<style lang="scss"> <style lang="scss">
.product-description { .product-description {
position: sticky; width: 100%;
align-self: self-start; max-width: 335px;
top: 40px;
overflow-y: auto; @media (min-width: 768px) {
width: 335px; position: sticky;
align-self: self-start;
top: 40px;
overflow-y: auto;
max-height: calc(100vh - 80px);
}
padding-top: 30px; padding-top: 30px;
padding-inline: 30px; padding-inline: 30px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;