with material svg symbols

digital-codes · Feb 28, 2025 · 46e451f · 46e451f
1 parent 6222c39
commit 46e451f
Show file tree

Hide file tree

Showing 3 changed files with 132 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -32,6 +32,7 @@
     "@fortawesome/fontawesome-free": "^6.7.2",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
+    "@material-symbols/svg-400": "^0.28.2",
     "pinia": "^3.0.1",
     "vue": "^3.5.13",
     "vue-echarts": "^7.0.3",

diff --git a/src/App.vue b/src/App.vue
@@ -21,6 +21,9 @@ import * as BleHandler from "./services/bleHandler"
 
 import { permitMotion, disableMotion, } from './services/deviceMotion'
 
+// test material icon components
+import BLE from '@material-symbols/svg-400/outlined/bluetooth_drive.svg';
+
 
 const logDeviceInfo = async () => {
   const info = await Device.getInfo();
@@ -313,6 +316,7 @@ const viewCtl = (val) => {
         </div>
         <div v-else class="upload">
           <p>Upload Devices</p>
+          <VaAvatar :src="BLE" class="mr-6" />
           <VaFileUpload v-model="deviceFiles" file-types="json" />
         </div>
         <div class="devlist">