.prettierrc.yaml

@@ -1,16 +1,15 @@
----
 printWidth: 80
 tabWidth: 4
 useTabs: true
 semi: false
 singleQuote: true
-quoteProps: consistent
+quoteProps: 'consistent'
 jsxSingleQuote: true
-trailingComma: es5
+trailingComma: 'es5'
 bracketSpacing: true
 bracketSameLine: true
-arrowParens: always
+arrowParens: 'always'
-htmlWhitespaceSensitivity: strict
+htmlWhitespaceSensitivity: 'strict'
-vueIndentScriptAndStyle: false
+vueIndentScriptAndStyle: true
 singleAttributePerLine: true
-plugins: [prettier-plugin-tailwindcss]
+plugins: ['prettier-plugin-tailwindcss']

assets/css/tailwind.css

@@ -16,20 +16,9 @@ body::-webkit-scrollbar,
 }
 
 input {
-	@apply border-none bg-primary p-2;
+	@apply bg-primary border-none p-2;
 }
 
 input:focus {
-	@apply border-none bg-secondary outline-none;
+	@apply bg-secondary border-none 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,11 +6,8 @@ const parsedMarkdown = computed(() => {
 </script>
 
 <template>
-	<div
+    <div class="flex h-full min-h-screen w-full flex-col items-center overflow-y-scroll bg-secondary px-12 py-4">
-		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="h-full max-h-full w-full" v-html="parsedMarkdown">
-		<div
-			class="scrollbar-hidden h-full max-h-full w-full"
-			v-html="parsedMarkdown">
         </div>
     </div>
 </template>