Avoid UI inconsistency by loading the resources in head

shadowmere-xyz · Nov 17, 2024 · aea8d07 · aea8d07
1 parent bab4659
commit aea8d07
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -3,6 +3,11 @@
 <head>
     <title>ShadowTest</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <script src="https://unpkg.com/vue@3"></script>
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 </head>
 
 <body>
@@ -30,11 +35,6 @@ <h3 v-if="proxyLocation !== ''">Address: {{ proxyAddress }}</h3>
 </div>
 </body>
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
-<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-<script src="https://unpkg.com/vue@3"></script>
-<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-
 <script>
     const {createApp} = Vue