crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 07:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

User Select disabled, plus hidding horizontal scroll bars

Browse Source
This commit is contained in:
Bel Curcio 2021-06-04 17:54:39 -03:00
parent f557274f62
commit 1699254288
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/product/ProductSlider/ProductSlider.module.css
View File

@ -1,6 +1,6 @@
.root { .root {
@apply relative w-full h-full; @apply relative w-full h-full select-none;
overflow-y: hidden; overflow: hidden;
} }
.slider { .slider {
@ -14,7 +14,7 @@
.control { .control {
@apply bg-violet absolute bottom-10 right-10 flex flex-row @apply bg-violet absolute bottom-10 right-10 flex flex-row
border-accent-0 border text-accent-0 z-30 shadow-xl; border-accent-0 border text-accent-0 z-30 shadow-xl select-none;
height: 48px; height: 48px;
} }
@ -59,11 +59,16 @@
} }
.album { .album {
width: 100%;
height: 100%;
@apply bg-violet-dark; @apply bg-violet-dark;
box-sizing: content-box;
overflow-y: hidden; overflow-y: hidden;
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
height: 125px; height: 125px;
padding-bottom: 10px;
margin-bottom: -10px;
} }
@screen md { @screen md {

4
components/product/ProductView/ProductView.tsx
View File

@ -155,7 +155,9 @@ const ProductView: FC<Props> = ({ product, relatedProducts }) => {
</section> </section>
<div className="flex flex-row justify-between items-center"> <div className="flex flex-row justify-between items-center">
<Rating value={2} /> <Rating value={2} />
<div className="text-accent-6 pr-1">36 reviews</div> <div className="text-accent-6 pr-1 font-medium select-none">
36 reviews
</div>
</div> </div>
<div> <div>
<Button <Button

2
components/product/Swatch/Swatch.module.css
View File

@ -3,7 +3,7 @@
composes: root from 'components/ui/Button/Button.module.css'; composes: root from 'components/ui/Button/Button.module.css';
@apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex @apply h-10 w-10 bg-primary text-primary rounded-full mr-3 inline-flex
items-center justify-center cursor-pointer transition duration-150 ease-in-out items-center justify-center cursor-pointer transition duration-150 ease-in-out
p-0 shadow-none border-gray-200 border box-border; p-0 shadow-none border-gray-200 border box-border select-none;
margin-right: calc(0.75rem - 1px); margin-right: calc(0.75rem - 1px);
overflow: hidden; overflow: hidden;
width: 48px; width: 48px;