fix(Types): add static types components

IdeaLeap · Jan 24, 2023 · b8e9478 · b8e9478
1 parent 338327a
commit b8e9478
Showing 1 changed file with 3 additions and 13 deletions.
diff --git a/frontend/components/Types/index.vue b/frontend/components/Types/index.vue
@@ -5,8 +5,8 @@ const { data: TypeList } = await useFetch('/api/global/types')
 
 <template>
   <div class="view-nav">
-    <div class="nav-list">
-      <li v-for="item in TypeList" :key="item.type">
+    <div class="flex list-none ma pr-114">
+      <li v-for="item in TypeList" :key="item.type" class="mr-8 text-lg text-gray-700 h-5 w-10 float-left">
         {{ item.type }}
       </li>
     </div>
@@ -15,7 +15,7 @@ const { data: TypeList } = await useFetch('/api/global/types')
 
 <style scoped>
 .view-nav {
-  background: red;
+  background: #fff;
   position: fixed;
   top: 5rem;
   width: 100%;
@@ -26,14 +26,4 @@ const { data: TypeList } = await useFetch('/api/global/types')
   transform: translateZ(0);
   display: flex;
 }
-
-.view-nav .nav-list {
-  position: relative;
-  max-width: 960px;
-  height: 100%;
-  margin: auto;
-  display: flex;
-  align-items: center;
-  line-height: 1;
-}
 </style>