New page

src/pages/text-comparison.astro

@@ -0,0 +1,36 @@
+---
+import Layout from '../layouts/Layout.astro'
+// import PasswordManagerComponent from '../components/PageComponents/Password-Manager/PasswordManagerComponent.tsx'
+import PageTitle from '../components/PageTitle/PageTitle.tsx'
+---
+
+<Layout title="Text Comparison - AIO Tools">
+  <div class="page">
+    <PageTitle title="Text Comparison" description="Compare text side by side to detect changes easily." />
+
+    <section class="content">
+      <!-- <PasswordManagerComponent client:visible /> -->
+    </section>
+  </div>
+</Layout>
+
+<style lang="sass">
+  @use '/src/assets/css/viewport.sass' as view
+
+  .page
+    font-family: 'Inter', sans-serif
+    text-align: center
+    margin: 4rem 0 0 0
+    transition: margin 0.4s ease-in-out
+
+    @media screen and (max-width: view.$tablet)
+      margin-top: 1rem
+
+  .content
+    display: flex
+    justify-content: center
+    align-items: center
+    // border: 1px solid #ffffff
+    // padding: 2rem
+    // border-radius: 8px
+</style>