1 files changed, 53 insertions, 0 deletions
diff --git a/src/views/index/Notepad/index.vue b/src/views/index/Notepad/index.vue
new file mode 100644
index 0000000..fde6e90
--- /dev/null
+++ b/src/views/index/Notepad/index.vue
@@ -0,0 +1,53 @@
+<script lang="ts">
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "1",
+    },
+    message: {
+      type: String,
+      require: true
+    },
+    date: {
+      type: Date,
+      default: new Date('2024-07-14T12:00:00Z')
+    }
+  },
+}
+</script>
+
+
+<template>
+  <div class="details" style="overflow-y:scroll;overflow-x:hidden;height:100%">
+    <h3>
+      {{ title }}
+    </h3>
+    <v-md-preview :text="message" ></v-md-preview>
+  </div>
+</template>
+
+
+<style scoped>
+
+
+h3 {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 0.4rem;
+  color: var(--color-heading);
+}
+
+.details {
+  flex: 1;
+  width: 60dvw;
+  float: right;
+}
+
+@media screen and (orientation:landscape) {
+  .details {
+    flex: 1;
+    width: 30dvw;
+  }
+}
+</style>