fix(frontend): use @import for importing css

Instead of normal import in scripts
ravenclaw900 · Feb 13, 2022 · 824efbf · 824efbf
1 parent a669584
commit 824efbf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/frontend/src/pages/Home.svelte b/src/frontend/src/pages/Home.svelte
@@ -3,7 +3,6 @@
     import { tweened } from "svelte/motion";
     import prettyBytes from "pretty-bytes";
     import uPlot from "uplot";
-    import "uplot/dist/uplot.min.css";
     import { onMount, onDestroy } from "svelte";
 
     interface statData {
@@ -202,7 +201,6 @@
 
     let handle2 = setInterval(() => {
         let oldSize = getSize();
-        console.log("e");
         setTimeout(() => {
             let newSize = getSize();
             if (oldSize != newSize) {
@@ -250,3 +248,7 @@
         {/if}
     </Card>
 </main>
+
+<style>
+    @import "uplot/dist/uplot.min.css";
+</style>
diff --git a/src/frontend/src/pages/Terminal.svelte b/src/frontend/src/pages/Terminal.svelte
@@ -5,8 +5,6 @@
 
     import { onDestroy } from "svelte";
 
-    import "xterm/css/xterm.css";
-
     export let loginDialog: boolean;
     export let node: string;
 
@@ -48,3 +46,7 @@
 </script>
 
 <div bind:this={termDiv} class="h-full{loginDialog ? ' hidden' : ''}" />
+
+<style>
+    @import "xterm/css/xterm.css";
+</style>