فهرست منبع

update photoswipe left right icon

Abhinav 3 سال پیش
والد
کامیت
96a3a49f22
1فایلهای تغییر یافته به همراه22 افزوده شده و 14 حذف شده
  1. 22 14
      src/styles/global.css

+ 22 - 14
src/styles/global.css

@@ -171,20 +171,28 @@ svg {
 .pswp-custom:hover {
     opacity: 1;
 }
-.download-btn{
-    background: url('/download_icon.png') no-repeat;
-    background-size: 20px 20px;
-    background-position: center;
-}
-.info-btn{
-    background: url('/info_icon.png') no-repeat;
-    background-size: 20px 20px;
-    background-position: center;
-}
-.share-btn{
-    background: url('/share_icon.png') no-repeat;
-    background-size: 20px 20px;
-    background-position: center;
+
+.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
+    background-color: #333333;
+    border-radius: 50%;
+    width: 56px;
+    height: 56px;
+    top:0;
+}
+
+.pswp__button--arrow--left::before {   
+    background-position: -128px -32px;
+}
+
+.pswp__button--arrow--left{
+    margin-left: 20px;
+}
+
+.pswp__button--arrow--right{
+    margin-right: 20px;
+}
+.pswp__button--arrow--right::before {   
+    background-position: -83px -30px;
 }
 .btn.focus , .btn:focus{
     box-shadow: none;