From bed9aec5dbe2c86010075fb0fbde2e3c00343220 Mon Sep 17 00:00:00 2001 From: Franco Arza Date: Fri, 23 Oct 2020 12:35:08 -0300 Subject: [PATCH] make the arrows sharper on retina devices --- .../ProductSlider/ProductSlider.module.css | 8 ++++---- public/cursor-left.png | Bin 1462 -> 1173 bytes public/cursor-right.png | Bin 1460 -> 1178 bytes 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css index bfd7bc342..998ebe1ee 100644 --- a/components/product/ProductSlider/ProductSlider.module.css +++ b/components/product/ProductSlider/ProductSlider.module.css @@ -1,20 +1,20 @@ .root { - @apply relative w-full h-full relative; + @apply relative w-full h-full; overflow-y: hidden; } .leftControl, .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 { - @apply left-10 md:left-6; + @apply bg-cover left-10 md:left-6; background-image: url('public/cursor-left.png'); } .rightControl { - @apply right-10 md:right-6; + @apply bg-cover right-10 md:right-6; background-image: url('public/cursor-right.png'); } diff --git a/public/cursor-left.png b/public/cursor-left.png index b1233e27910b14aadce885646b33be54f9f2183f..14bbdf848af5e436456df2b3d42054f6d611412d 100644 GIT binary patch literal 1173 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?H3?#oinD`S&SqAuoxB}__WC1QK(|n+2p^_lK zV1|bK3J&|{3ru()AF%$sK|y~$qxxYh1_tJzo-U3d6}Rq2Ur$x`SfIqt_xzbZQT=~07U+Q|po4*gzqjHhz4LdeRW;SurT z`?GIuXZ<3sd?!zdd*7_rU7Odqiv8ra?s(ny({esoiE?gXGXNAKr8oEL2+z{248BUXUf%cXopdL>6F%Z2?XonqOp?RH4u zS#sdRWmYaeg~mTGnS5U}q#TU8aD-!_oFwm;07v^NwvAE_tv^gZt*;mC5xchj(gg+9 zmk+|02skq>S-AbD`!9|IIW7${@9h5nnx*aT#$#a@u6UYDkV(7cuipQSJGh>HXq^=$ zBGB#hFNjgW&nd~$e!W)Pz`6B_~CSCd~LR_J_M@LZAHh9ZO=K zEdOvnM}Crg$4^61b4`I)BLC*pWva|r@$;ihmx=7;FMk9!{9(1VZ&T*5IHdoBo287! zmFdu?&JX{&6ZSZBym4gx>dC=a!LwTA%5}yn)=D*lX;YK#trJO(a$m2oES#C|_u(sC z6;gfr5#oZ{C$=R=I;>Y%9zSokkoJKkC8y*+v9R7OS>tH-#-{PVY$H5;EuZs15bKS3-h_P@>Fw9<+jvQMAq zT%UdQNsj^VL5=V#j@X89mHA&Tb=_ipcAagn(pjd?&?lC97YZ0=a(|1Tl6~v?_rsre z#6+6E*`8I*}3p<$sR+V&GJ;+di|G)x`E&gXnI@ zvcJ+&KUeC`{eA7`#{A&b8|L4;R$Z6;c@^(&#U~xr^A;uuvA+Gvd;52Kf7wrE!RU3{ zJb$eBb`1Nt)Kj7$?8MZ$T@gESllJjHJznE9_owN+67QyITc1Cfv-a|SiOAw}UMtwz z@16-stF09~nRxQT!;TLN#E+~Oa=deX;wtmr@_lzV`g@#^T6A~g-*bGw>i=JOExtss zKYdMQNU&Ja(vU>6TkG{72xs^G_;&F5y!Q3SZOa}`Nv&;g_$@xIU(ds>$@6U9g~dB0 hb+;52>pcF){NO`jon}k%TwoEw;OXk;vd$@?2>|b5OP2ru literal 1462 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