diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss index 334cd0d..9b1ad27 100644 --- a/src/frontend/styles/vars.pcss +++ b/src/frontend/styles/vars.pcss @@ -84,7 +84,8 @@ background-color: var(--color-input-primary); box-sizing: border-box; appearance: none; - background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.16696 0.613295C7.04205 0.489128 6.87308 0.419434 6.69696 0.419434C6.52083 0.419434 6.35187 0.489128 6.22696 0.613295L3.83362 2.9733L1.47362 0.613295C1.34872 0.489128 1.17975 0.419434 1.00362 0.419434C0.827501 0.419434 0.658533 0.489128 0.533625 0.613295C0.471139 0.675271 0.421543 0.749005 0.387697 0.830244C0.353851 0.911484 0.336426 0.998621 0.336426 1.08663C0.336426 1.17464 0.353851 1.26177 0.387697 1.34301C0.421543 1.42425 0.471139 1.49799 0.533625 1.55996L3.36029 4.38663C3.42227 4.44911 3.496 4.49871 3.57724 4.53256C3.65848 4.5664 3.74562 4.58383 3.83362 4.58383C3.92163 4.58383 4.00877 4.5664 4.09001 4.53256C4.17125 4.49871 4.24498 4.44911 4.30696 4.38663L7.16696 1.55996C7.22944 1.49799 7.27904 1.42425 7.31288 1.34301C7.34673 1.26177 7.36416 1.17464 7.36416 1.08663C7.36416 0.998621 7.34673 0.911484 7.31288 0.830244C7.27904 0.749005 7.22944 0.675271 7.16696 0.613295Z' fill='black'/%3E%3C/svg%3E%0A"); + line-height: 18px; + background-image: url("../svg/arrow-down.svg"); background-repeat: no-repeat; background-position: right 15px center; diff --git a/src/frontend/svg/arrow-down.svg b/src/frontend/svg/arrow-down.svg new file mode 100644 index 0000000..4ddbc96 --- /dev/null +++ b/src/frontend/svg/arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/webpack.config.js b/webpack.config.js index 4011607..997726a 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -40,7 +40,7 @@ module.exports = () => { options: { // you can specify a publicPath here // by default it use publicPath in webpackOptions.output - publicPath: '../', + // publicPath: '../', }, }, {