Added hidden scrollbar class

assets/css/tailwind.css

@@ -16,9 +16,20 @@ body::-webkit-scrollbar,
 }
 
 input {
-	@apply bg-primary border-none p-2;
+	@apply border-none bg-primary p-2;
 }
 
 input:focus {
-	@apply bg-secondary border-none outline-none;
+	@apply border-none bg-secondary outline-none;
+}
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.scrollbar-hidden::-webkit-scrollbar {
+	display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.scrollbar-hidden {
+	-ms-overflow-style: none; /* IE and Edge */
+	scrollbar-width: none; /* Firefox */
 }

components/card/MarkdownRenderer.vue

@@ -6,8 +6,11 @@ const parsedMarkdown = computed(() => {
 </script>
 
 <template>
-    <div class="flex h-full min-h-screen w-full flex-col items-center overflow-y-scroll bg-secondary px-12 py-4">
-        <div class="h-full max-h-full w-full" v-html="parsedMarkdown">
+	<div
+		class="scrollbar-hidden flex h-full min-h-screen w-full flex-col items-center overflow-y-scroll bg-secondary px-12 py-4">
+		<div
+			class="scrollbar-hidden h-full max-h-full w-full"
+			v-html="parsedMarkdown">
 		</div>
 	</div>
 </template>