refactor: use SVG icons for better visual effects

fix #637
fengyuanchen · Nov 23, 2024 · dc7dd56 · dc7dd56
1 parent cf6fb29
commit dc7dd56
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## next
+
+- Use SVG icons for better visual effects (#637).
+
 ## 1.11.6 (Sep 17, 2023)
 
 - Fix an issue where some CSS styles were incompatible with old browsers (#611).

diff --git a/src/css/viewer.css b/src/css/viewer.css
@@ -13,7 +13,7 @@
 .viewer-fullscreen-exit,
 .viewer-close {
   &::before {
-    background-image: url('../images/icons.png');
+    background-image: url('../images/icons.svg');
     background-repeat: no-repeat;
     background-size: 280px;
     color: transparent;

diff --git a/src/css/viewer.scss b/src/css/viewer.scss
@@ -14,7 +14,7 @@
   &-fullscreen-exit,
   &-close {
     &::before {
-      background-image: url('../images/icons.png');
+      background-image: url('../images/icons.svg');
       background-repeat: no-repeat;
       background-size: 280px;
       color: transparent;

diff --git a/src/images/icons.png b/src/images/icons.png
diff --git a/src/images/icons.psd b/src/images/icons.psd
diff --git a/src/images/icons.svg b/src/images/icons.svg