cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

make the arrows sharper on retina devices

Browse Source
This commit is contained in:
Franco Arza 2020-10-23 12:35:08 -03:00
parent ed8fc41005
commit bed9aec5db
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,20 +1,20 @@
.root { .root {
@apply relative w-full h-full relative; @apply relative w-full h-full;
overflow-y: hidden; overflow-y: hidden;
} }
.leftControl, .leftControl,
.rightControl { .rightControl {
@apply text-white text-xl absolute top-1/2 -translate-x-1/2 z-20 w-16 h-16 flex items-center justify-center bg-hover-1 rounded-full focus:outline-none focus:shadow-outline-blue hover:bg-hover-2; @apply absolute top-1/2 -translate-x-1/2 z-20 w-16 h-16 flex items-center justify-center bg-hover-1 rounded-full focus:outline-none focus:shadow-outline-blue hover:bg-hover-2;
} }
.leftControl { .leftControl {
@apply left-10 md:left-6; @apply bg-cover left-10 md:left-6;
background-image: url('public/cursor-left.png'); background-image: url('public/cursor-left.png');
} }
.rightControl { .rightControl {
@apply right-10 md:right-6; @apply bg-cover right-10 md:right-6;
background-image: url('public/cursor-right.png'); background-image: url('public/cursor-right.png');
} }

BIN
public/cursor-left.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/cursor-right.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB