diff --git a/package-lock.json b/package-lock.json
index c78ff81..465fd63 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
"name": "furbooru-tagging-assistant",
"version": "0.3.2",
"dependencies": {
+ "@fortawesome/fontawesome-free": "^6.7.1",
"lz-string": "^1.5.0"
},
"devDependencies": {
@@ -405,6 +406,14 @@
"node": ">=12"
}
},
+ "node_modules/@fortawesome/fontawesome-free": {
+ "version": "6.7.1",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.7.1.tgz",
+ "integrity": "sha512-ALIk/MOh5gYe1TG/ieS5mVUsk7VUIJTJKPMK9rFFqOgfp0Q3d5QiBXbcOMwUvs37fyZVCz46YjOE6IFeOAXCHA==",
+ "engines": {
+ "node": ">=6"
+ }
+ },
"node_modules/@jridgewell/gen-mapping": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
@@ -2395,6 +2404,11 @@
"dev": true,
"optional": true
},
+ "@fortawesome/fontawesome-free": {
+ "version": "6.7.1",
+ "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.7.1.tgz",
+ "integrity": "sha512-ALIk/MOh5gYe1TG/ieS5mVUsk7VUIJTJKPMK9rFFqOgfp0Q3d5QiBXbcOMwUvs37fyZVCz46YjOE6IFeOAXCHA=="
+ },
"@jridgewell/gen-mapping": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
diff --git a/package.json b/package.json
index 92044cd..dcddec3 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
},
"type": "module",
"dependencies": {
+ "@fortawesome/fontawesome-free": "^6.7.1",
"lz-string": "^1.5.0"
}
}
diff --git a/src/styles/injectable/icons.scss b/src/styles/injectable/icons.scss
index 7c3d1d6..a8905c2 100644
--- a/src/styles/injectable/icons.scss
+++ b/src/styles/injectable/icons.scss
@@ -1,6 +1,6 @@
-@mixin insert-icon($icon_src) {
- mask-image: url($icon_src);
- -webkit-mask-image: url($icon_src);
+@mixin insert-icon($url) {
+ mask-image: $url;
+ -webkit-mask-image: $url;
}
.icon {
@@ -11,33 +11,33 @@
}
.icon.icon-tag {
- @include insert-icon('/img/tag.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/tag.svg'));
}
.icon.icon-paint-brush {
- @include insert-icon('/img/paint-brush.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/paintbrush.svg'));
}
.icon.icon-arrow-left {
- @include insert-icon('/img/arrow-left.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/arrow-left.svg'));
}
.icon.icon-info-circle {
- @include insert-icon('/img/info-circle.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/circle-info.svg'));
}
.icon.icon-wrench {
- @include insert-icon('/img/wrench.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/wrench.svg'));
}
.icon.icon-globe {
- @include insert-icon('/img/globe.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/globe.svg'));
}
.icon.icon-plus {
- @include insert-icon('/img/plus.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/plus.svg'));
}
.icon.icon-file-export {
- @include insert-icon('/img/file-export.svg');
+ @include insert-icon(url('@fortawesome/fontawesome-free/svgs/solid/file-export.svg'));
}
diff --git a/static/img/arrow-left.svg b/static/img/arrow-left.svg
deleted file mode 100644
index f9f2ea7..0000000
--- a/static/img/arrow-left.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/static/img/file-export.svg b/static/img/file-export.svg
deleted file mode 100644
index 10d1474..0000000
--- a/static/img/file-export.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/static/img/globe.svg b/static/img/globe.svg
deleted file mode 100644
index b257859..0000000
--- a/static/img/globe.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/static/img/info-circle.svg b/static/img/info-circle.svg
deleted file mode 100644
index 3336011..0000000
--- a/static/img/info-circle.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/static/img/paint-brush.svg b/static/img/paint-brush.svg
deleted file mode 100644
index 61cd19e..0000000
--- a/static/img/paint-brush.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/static/img/plus.svg b/static/img/plus.svg
deleted file mode 100644
index ac6edcf..0000000
--- a/static/img/plus.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/static/img/tag.svg b/static/img/tag.svg
deleted file mode 100644
index 251b492..0000000
--- a/static/img/tag.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/static/img/wrench.svg b/static/img/wrench.svg
deleted file mode 100644
index c7e7ce2..0000000
--- a/static/img/wrench.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/vite.config.js b/vite.config.js
index 3270d6c..d55cc05 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,7 +2,11 @@ import {sveltekit} from '@sveltejs/kit/vite';
import {defineConfig} from 'vite';
export default defineConfig({
+ build: {
+ // SVGs imported from the FA6 don't need to be inlined!
+ assetsInlineLimit: 0
+ },
plugins: [
sveltekit(),
- ]
+ ],
});