tidy up assets files.

src/assets/base.css

@@ -0,0 +1,20 @@
+/* 全域字型 */
+@layer base {
+  html {
+    font-family: 'Roboto', sans-serif, system-ui;
+    color: #0f172a;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    line-height: 1;
+  }
+}
+
+/* invalid */
+.is-invalid :invalid{
+  @apply invalid:border-danger focus:ring-danger
+}
+
+/* height */
+.h-screen-main {
+  height: calc(100vh - 104px);
+}

src/assets/components.css

@@ -1,3 +1,4 @@
+/* loading */
 .loader {
   width: 64px;
   height: 64px;
@@ -86,3 +87,54 @@
   background: #009688;
   left: 44px;
 }
+
+/* components */
+/* Scrollbar */
+@layer utilities {
+  .scrollbar::-webkit-scrollbar {
+    @apply w-2 h-2
+  }
+
+  .scrollbar::-webkit-scrollbar-track {
+    @apply bg-transparent rounded-full
+  }
+
+  .scrollbar::-webkit-scrollbar-thumb {
+    @apply bg-primary rounded-full
+  }
+
+  .scrollbar::-webkit-scrollbar-thumb:hover {
+    @apply bg-primary
+  }
+}
+
+/* button */
+.btn {
+@apply inline-block rounded-full text-sm font-medium text-center align-middle transition-colors duration-300
+}
+.btn-sm {
+@apply px-5 py-2
+}
+.btn-lg {
+  @apply px-4 py-2.5
+}
+.btn-c-primary {
+  @apply text-neutral-50 bg-primary border border-primary hover:bg-neutral-50 hover:text-primary hover:border  hover:border-primary active:border active:ring focus:outline-none focus:border-primary focus:ring
+}
+.btn-disable {
+  @apply border border-neutral-200 bg-neutral-50 text-neutral-200
+}
+.btn-neutral {
+  @apply text-neutral-700 bg-neutral-100 border border-neutral-500  hover:bg-neutral-500 hover:text-neutral-100 hover:border-neutral-300 focus:outline-none focus:border-neutral-500 focus:ring active:ring
+}
+
+/* button toggle */
+.btn-toggle-content {
+  @apply flex justify-between items-center w-full rounded-full bg-neutral-100 text-neutral-500
+}
+.btn-toggle-item {
+  @apply text-sm leading-5 font-medium text-center justify-center w-1/2 px-7 py-1.5 rounded-full cursor-pointer transition-all duration-200
+}
+.btn-toggle-show {
+  @apply bg-primary text-neutral-10 shadow-md
+}

src/assets/google.css

@@ -1,11 +0,0 @@
-/* import Google font icon */
-@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
-
-/* icon default set */
-.material-symbols-outlined {
-  font-variation-settings:
-  'FILL' 0,
-  'wght' 400,
-  'GRAD' 0,
-  'opsz' 40
-}

src/assets/layout.css

@@ -0,0 +1,12 @@
+/* Navbar */
+nav ul>li {
+  @apply px-2 py-3.5 duration-300 hover:bg-neutral-900 hover:text-neutral-10 active:bg-neutral-900 active:text-neutral-10;
+}
+
+/* Header */
+.h1 {
+  @apply font-bold text-base leading-10
+}
+.h2 {
+  @apply font-bold text-sm leading-10
+}

src/assets/main.css

@@ -1,4 +1,5 @@
-@import './google.css';
-@import './components.css';
 @import './tailwind.css';
-@import './primevue.css';
+@import './base.css';
+@import './components.css';
+@import './layout.css';
+@import './vendors.css';

src/assets/tailwind.css

@@ -4,88 +4,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-/* 全域字型 */
-@layer base {
-  html {
-    font-family: 'Roboto', sans-serif, system-ui;
-    color: #0f172a;
-  }
-  h1, h2, h3, h4, h5, h6 {
-    line-height: 1;
-  }
-}
-
-/* Scrollbar */
-@layer utilities {
-  .scrollbar::-webkit-scrollbar {
-    @apply w-2 h-2
-  }
-
-  .scrollbar::-webkit-scrollbar-track {
-    @apply bg-transparent rounded-full
-  }
-
-  .scrollbar::-webkit-scrollbar-thumb {
-    @apply bg-primary rounded-full
-  }
-
-  .scrollbar::-webkit-scrollbar-thumb:hover {
-    @apply bg-primary
-  }
-}
-
-/* components */
-/* button */
-.btn {
-@apply inline-block rounded-full text-sm font-medium text-center align-middle transition-colors duration-300
-}
-.btn-sm {
-@apply px-5 py-2
-}
-.btn-lg {
-  @apply px-4 py-2.5
-}
-.btn-c-primary {
-  @apply text-neutral-50 bg-primary border border-primary hover:bg-neutral-50 hover:text-primary hover:border  hover:border-primary active:border active:ring focus:outline-none focus:border-primary focus:ring
-}
-.btn-disable {
-  @apply border border-neutral-200 bg-neutral-50 text-neutral-200
-}
-.btn-neutral {
-  @apply text-neutral-700 bg-neutral-100 border border-neutral-500  hover:bg-neutral-500 hover:text-neutral-100 hover:border-neutral-300 focus:outline-none focus:border-neutral-500 focus:ring active:ring
-}
-
-/* button toggle */
-.btn-toggle-content {
-  @apply flex justify-between items-center w-full rounded-full bg-neutral-100 text-neutral-500
-}
-.btn-toggle-item {
-  @apply text-sm leading-5 font-medium text-center justify-center w-1/2 px-7 py-1.5 rounded-full cursor-pointer transition-all duration-200
-}
-.btn-toggle-show {
-  @apply bg-primary text-neutral-10 shadow-md
-}
-
-/* invalid */
-.is-invalid :invalid{
-  @apply invalid:border-danger focus:ring-danger
-}
-
-/* height */
-.h-screen-main {
-  height: calc(100vh - 104px);
-}
-
-/* Navbar */
-nav ul>li {
-  @apply px-2 py-3.5 duration-300 hover:bg-neutral-900 hover:text-neutral-10 active:bg-neutral-900 active:text-neutral-10;
-}
-
-/* Header */
-.h1 {
-  @apply font-bold text-base leading-10
-}
-.h2 {
-  @apply font-bold text-sm leading-10
-}

src/assets/vendors.css

@@ -1,3 +1,16 @@
+/* import Google font icon */
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
+
+/* icon default set */
+.material-symbols-outlined {
+  font-variation-settings:
+  'FILL' 0,
+  'wght' 400,
+  'GRAD' 0,
+  'opsz' 40
+}
+
+/* Primevue */
 .p-sidebar-left {
   @apply ml-14
 }

src/stores/allMapData.js

@@ -78,8 +78,8 @@ export default defineStore('allMapDataStore', {
       let logId = this.logId;
       let tempFilterId = this.tempFilterId;
       let api = tempFilterId !== null ? `/api/temp-filters/${tempFilterId}/discover` : `/api/logs/${logId}/discover`;
-      console.log(tempFilterId);
+      // console.log(tempFilterId);
-      console.log(logId);
+      // console.log(logId);
       // const api = `/api/logs/${logId}/discover`;
 
       try {