change: cryptocurrency-icons svg

README.md

@@ -65,6 +65,8 @@ https://osats.money/?{デフォルト入力値のクエリ}&{小数点記号の
   - MIT License
   - Copyright (c) 2019 All contributors to Sortable
   - https://github.com/SortableJS/Sortable/blob/master/LICENSE
+- `./images/cryptocurrency-icons`
+  - https://github.com/spothq/cryptocurrency-icons/blob/master/LICENSE.md
 - `./images/flags`
   - https://github.com/googlefonts/noto-emoji/blob/main/third_party/region-flags/LICENSE
 - その他の例外的な著作権宣言については個別にファイルを参照してください。

lib/currencies.json

@@ -4,84 +4,84 @@
         "abbreviation": "sats",
         "name": "Satoshi",
         "japanese_name": "サトシ",
-        "emoji": "./images/currency-icons/btc-s.png"
+        "emoji": "./images/cryptocurrency-icons/btc-s.svg"
     },
     {
         "symbol": "₿",
         "abbreviation": "btc",
         "name": "Bitcoin",
         "japanese_name": "ビットコイン",
-        "emoji": "./images/currency-icons/btc.png"
+        "emoji": "./images/cryptocurrency-icons/btc.svg"
     },
     {
         "symbol": "Ξ",
         "abbreviation": "eth",
         "name": "Ethereum",
         "japanese_name": "イーサリアム",
-        "emoji": "./images/currency-icons/eth.png"
+        "emoji": "./images/cryptocurrency-icons/eth.svg"
     },
     {
         "symbol": "Ł",
         "abbreviation": "ltc",
         "name": "Litecoin",
         "japanese_name": "ライトコイン",
-        "emoji": "./images/currency-icons/ltc.png"
+        "emoji": "./images/cryptocurrency-icons/ltc.svg"
     },
     {
         "symbol": "BCH",
         "abbreviation": "bch",
         "name": "Bitcoin Cash",
         "japanese_name": "ビットコインキャッシュ",
-        "emoji": "./images/currency-icons/bch.png"
+        "emoji": "./images/cryptocurrency-icons/bch.svg"
     },
     {
         "symbol": "BNB",
         "abbreviation": "bnb",
         "name": "Binance Coin",
         "japanese_name": "バイナンスコイン",
-        "emoji": "./images/currency-icons/bnb.png"
+        "emoji": "./images/cryptocurrency-icons/bnb.svg"
     },
     {
         "symbol": "EOS",
         "abbreviation": "eos",
         "name": "EOS",
         "japanese_name": "イオス",
-        "emoji": "./images/currency-icons/eos.png"
+        "emoji": "./images/cryptocurrency-icons/eos.svg"
     },
     {
         "symbol": "XRP",
         "abbreviation": "xrp",
         "name": "Ripple",
         "japanese_name": "リップル",
-        "emoji": "./images/currency-icons/xrp.png"
+        "emoji": "./images/cryptocurrency-icons/xrp.svg"
     },
     {
         "symbol": "XLM",
         "abbreviation": "xlm",
         "name": "Stellar Lumens",
         "japanese_name": "ステラルーメン",
-        "emoji": "./images/currency-icons/xlm.png"
+        "emoji": "./images/cryptocurrency-icons/xlm.svg"
     },
     {
         "symbol": "LINK",
         "abbreviation": "link",
         "name": "Chainlink",
         "japanese_name": "チェーンリンク",
-        "emoji": "./images/currency-icons/link.png"
+        "emoji": "./images/cryptocurrency-icons/link.svg"
     },
     {
         "symbol": "DOT",
         "abbreviation": "dot",
         "name": "Polkadot",
         "japanese_name": "ポルカドット",
-        "emoji": "./images/currency-icons/dot.png"
+        "emoji": "./images/cryptocurrency-icons/dot.svg"
     },
     {
         "symbol": "YFI",
         "abbreviation": "yfi",
         "name": "Yearn.finance",
         "japanese_name": "ヤーンファイナンス",
-        "emoji": "./images/currency-icons/yfi.png"
+        "emoji": "./images/cryptocurrency-icons/yfi.svg"
     },
     {
         "symbol": "$",
@@ -417,13 +417,13 @@
         "abbreviation": "xag",
         "name": "Silver",
         "japanese_name": "銀",
-        "emoji": "./images/currency-icons/silver-icon.png"
+        "emoji": "./images/silver-icon.png"
     },
     {
         "symbol": "XAU",
         "abbreviation": "xau",
         "name": "Gold",
         "japanese_name": "金",
-        "emoji": "./images/currency-icons/gold-icon.png"
+        "emoji": "./images/gold-icon.png"
     }
 ]

styles.css

@@ -245,7 +245,7 @@ button>* {
 .bitcoin-icon {
     width: 21px;
     height: 21px;
-    mask-image: url('./images/currency-icons/bitcoin-icon.svg');
+    mask-image: url('./images/bitcoin-icon.svg');
     mask-repeat: no-repeat;
     mask-size: contain;
     mask-position: center;
@@ -836,7 +836,7 @@ button>* {
 
     & img {
         height: auto;
-        width: 22px;
+        width: 24px;
         margin: auto 0;
     }
 }
@@ -899,6 +899,7 @@ button>* {
     justify-content: center;
     align-items: center;
     cursor: grab;
+    padding: 10px;
 
     &:active,
     &:focus {

sw.js

@@ -40,21 +40,67 @@ const urlsToCache = [
     './images/angle-down-solid.svg',
     './images/settings-solid.svg',
     './images/sort-solid.svg',
-    './images/currency-icons/bitcoin-icon.svg',
-    './images/currency-icons/btc.png',
-    './images/currency-icons/btc-s.png',
-    './images/currency-icons/eth.png',
-    './images/currency-icons/ltc.png',
-    './images/currency-icons/bch.png',
-    './images/currency-icons/bnb.png',
-    './images/currency-icons/eos.png',
-    './images/currency-icons/xrp.png',
-    './images/currency-icons/xlm.png',
-    './images/currency-icons/link.png',
-    './images/currency-icons/dot.png',
-    './images/currency-icons/yfi.png',
-    './images/currency-icons/silver-icon.png',
-    './images/currency-icons/gold-icon.png'
+    './images/bitcoin-icon.svg',
+    './images/cryptocurrency-icons/btc.svg',
+    './images/cryptocurrency-icons/btc-s.svg',
+    './images/cryptocurrency-icons/eth.svg',
+    './images/cryptocurrency-icons/ltc.svg',
+    './images/cryptocurrency-icons/bch.svg',
+    './images/cryptocurrency-icons/bnb.svg',
+    './images/cryptocurrency-icons/eos.svg',
+    './images/cryptocurrency-icons/xrp.svg',
+    './images/cryptocurrency-icons/xlm.svg',
+    './images/cryptocurrency-icons/link.svg',
+    './images/cryptocurrency-icons/dot.svg',
+    './images/cryptocurrency-icons/yfi.svg',
+    './images/flags/US.svg',
+    './images/flags/AE.svg',
+    './images/flags/AR.svg',
+    './images/flags/AU.svg',
+    './images/flags/BD.svg',
+    './images/flags/BH.svg',
+    './images/flags/BM.svg',
+    './images/flags/BR.svg',
+    './images/flags/CA.svg',
+    './images/flags/CH.svg',
+    './images/flags/CL.svg',
+    './images/flags/CN.svg',
+    './images/flags/CZ.svg',
+    './images/flags/DK.svg',
+    './images/flags/EU.svg',
+    './images/flags/GB.svg',
+    './images/flags/GE.svg',
+    './images/flags/HK.svg',
+    './images/flags/HU.svg',
+    './images/flags/ID.svg',
+    './images/flags/IL.svg',
+    './images/flags/IN.svg',
+    './images/flags/JP.svg',
+    './images/flags/KR.svg',
+    './images/flags/KW.svg',
+    './images/flags/LK.svg',
+    './images/flags/MM.svg',
+    './images/flags/MX.svg',
+    './images/flags/MY.svg',
+    './images/flags/NG.svg',
+    './images/flags/NO.svg',
+    './images/flags/NZ.svg',
+    './images/flags/PH.svg',
+    './images/flags/PK.svg',
+    './images/flags/PL.svg',
+    './images/flags/RU.svg',
+    './images/flags/SA.svg',
+    './images/flags/SE.svg',
+    './images/flags/SG.svg',
+    './images/flags/TH.svg',
+    './images/flags/TR.svg',
+    './images/flags/TW.svg',
+    './images/flags/UA.svg',
+    './images/flags/VE.svg',
+    './images/flags/VN.svg',
+    './images/flags/ZA.svg',
+    './images/silver-icon.png',
+    './images/gold-icon.png'
 ];
 
 const VERSION = '2.07';