Changed static file paths to absolute

microbit-foundation · Jun 30, 2023 · d4ae8a5 · d4ae8a5
1 parent 77b53df
commit d4ae8a5
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 11 deletions.
diff --git a/src/components/Gesture.svelte b/src/components/Gesture.svelte
@@ -243,7 +243,7 @@
             <ImageSkeleton
               height={95}
               width={140}
-              src="imgs/microbit_record_guide.svg"
+              src="/imgs/microbit_record_guide.svg"
               alt="microbit recording guide" />
           </div>
           <p class=" text-center absolute w-60px right-23px top-30px">

diff --git a/src/components/LoadingSpinner.svelte b/src/components/LoadingSpinner.svelte
@@ -1,5 +1,5 @@
 <script></script>
 
 <div class="justify-center items-center self-center m-auto">
-  <img alt="loading" src="imgs/loadingspinner.gif" width="150px" />
+  <img alt="loading" src="/imgs/loadingspinner.gif" width="150px" />
 </div>
diff --git a/src/components/PleaseConnectFirst.svelte b/src/components/PleaseConnectFirst.svelte
@@ -19,7 +19,7 @@
   <div class="text-center ml-auto mr-auto mb-2 mt-10">
     <img
       class="m-auto arrow-filter-color"
-      src="imgs/down_arrow.svg"
+      src="/imgs/down_arrow.svg"
       alt="down arrow icon"
       width="100px" />
   </div>

diff --git a/src/components/bottom/ConnectedLiveGraphButtons.svelte b/src/components/bottom/ConnectedLiveGraphButtons.svelte
@@ -36,7 +36,7 @@
         >{$t('footer.disconnectButton')}</StandardButton>
     {:else}
       <StandardButton onClick={TypingUtils.emptyFunction} color="disabled">
-        <img alt="loading" src="imgs/loadingspinner.gif" style="height:24px" />
+        <img alt="loading" src="/imgs/loadingspinner.gif" style="height:24px" />
       </StandardButton>
     {/if}
   </div>

diff --git a/src/components/connection-prompt/bluetooth/BluetoothConnectDialog.svelte b/src/components/connection-prompt/bluetooth/BluetoothConnectDialog.svelte
@@ -81,7 +81,7 @@
     <!-- Show spinner while connecting -->
     <div class="w-650px flex flex-col justify-center items-center">
       <p>{$t('popup.connectMB.bluetooth.connecting')}</p>
-      <img alt="loading" src="imgs/loadingspinner.gif" width="100px" />
+      <img alt="loading" src="/imgs/loadingspinner.gif" width="100px" />
     </div>
   {:else}
     <div class="grid grid-cols-3 mb-5 w-650px">

diff --git a/src/components/datacollection/RecordInformationContent.svelte b/src/components/datacollection/RecordInformationContent.svelte
@@ -20,7 +20,7 @@
       <ImageSkeleton
         alt="microbit recording guide"
         height={134}
-        src="imgs/microbit_record_guide.svg"
+        src="/imgs/microbit_record_guide.svg"
         width={200} />
     </div>
     <p class=" text-center absolute w-60px right-10px top-35px">

diff --git a/src/pages/ModelPage.svelte b/src/pages/ModelPage.svelte
@@ -147,7 +147,7 @@
             <div class="text-center ml-0 mb-2 mt-8">
               <img
                 class="m-auto arrow-filter-color"
-                src="imgs/down_arrow.svg"
+                src="/imgs/down_arrow.svg"
                 alt="down arrow icon"
                 width="80px" />
             </div>

diff --git a/src/pages/home-page-content-tiles/DoItYourselfMachineLearningTile.svelte b/src/pages/home-page-content-tiles/DoItYourselfMachineLearningTile.svelte
@@ -21,7 +21,7 @@
         <ImageSkeleton
           alt="microbit guide"
           height={114}
-          src="imgs/microbit_guide.svg"
+          src="/imgs/microbit_guide.svg"
           width={200} />
       </div>
     </div>

diff --git a/src/views/PageContentView.svelte b/src/views/PageContentView.svelte
@@ -3,6 +3,6 @@
 </script>
 
 <div class="absolute -z-1 bottom-2 right-1">
-  <img alt="theme graphic" src="imgs/arrow_group.svg" width="350px" />
+  <img alt="theme graphic" src="/imgs/arrow_group.svg" width="350px" />
 </div>
 <svelte:component this={$currentPageComponent} />
diff --git a/src/views/SideBarMenuView.svelte b/src/views/SideBarMenuView.svelte
@@ -39,7 +39,7 @@
   <!-- Menu -->
   <div class="p-5 pl-5 pr-5">
     <div class="absolute bottom-15 -left-2">
-      <img alt="decoration arrows" src="imgs/partial_red_arrows.svg" width="225px" />
+      <img alt="decoration arrows" src="/imgs/red_arrows.svg" width="225px" />
     </div>
 
     <div class="relative">
@@ -61,7 +61,7 @@
           <div class="text-center ml-auto mr-auto mb-1 mt-1">
             <img
               class="m-auto"
-              src="imgs/down_arrow.svg"
+              src="/imgs/down_arrow.svg"
               alt="down arrow icon"
               width="30px" />
           </div>