tailwind

src/components/Note.vue

@@ -4,13 +4,9 @@ defineProps<{
 }>()
 </script>
 <template>
-  <h1 class="d-flex align-items-center">
-    <i class="root bi bi-house text-body-tertiary me-2" v-if="note.isRoot"></i>{{ note.title }}
+  <h1 class="flex items-center text-3xl pb-2">
+    <i class="bi bi-house mr-2 text-secondary text-base" v-if="note.isRoot"></i
+    >{{ note.title }}
   </h1>
   <div>{{ note.content }}</div>
 </template>
-<style scoped>
-i.root {
-  font-size: 50%;
-}
-</style>