Changed div to main

This commit is contained in:
Patrick Alvin Alcala 2025-09-04 13:12:14 +08:00
parent ae970682c5
commit fe3bf1fc1c
5 changed files with 15 additions and 15 deletions

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle'
--- ---
<Layout title="Color Converter - AIO Tools"> <Layout title="Color Converter - AIO Tools">
<div class="page"> <main class="page">
<PageTitle title="Color Converter" description="Convert colors to any format. Color picker provided inside." /> <PageTitle title="Color Converter" description="Convert colors to any format. Color picker provided inside." />
<section class="content"> <section class="content">
<ColorConverterComponent client:visible /> <ColorConverterComponent client:visible />
</section> </section>
</div> </main>
</Layout> </Layout>
<style lang="sass"> <style lang="sass">
@use '/src/assets/css/viewport.sass' as view @use '/src/styles/breakpoint.sass' as view
.page .page
text-align: center text-align: center

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle'
--- ---
<Layout title="Hash Generator - AIO Tools"> <Layout title="Hash Generator - AIO Tools">
<div class="page"> <main class="page">
<PageTitle title="Hash Generator" description="Convert text to multiple hash formats for secure data transmission." /> <PageTitle title="Hash Generator" description="Convert text to multiple hash formats for secure data transmission." />
<section class="content"> <section class="content">
<HashGeneratorComponent client:visible /> <HashGeneratorComponent client:visible />
</section> </section>
</div> </main>
</Layout> </Layout>
<style lang="sass"> <style lang="sass">
@use '/src/assets/css/viewport.sass' as view @use '/src/styles/breakpoint.sass' as view
.page .page
text-align: center text-align: center

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle'
--- ---
<Layout title="Password Generator - AIO Tools"> <Layout title="Password Generator - AIO Tools">
<div class="page"> <main class="page">
<PageTitle title="Password Generator" description="Generate a strong and secure password for your accounts online." /> <PageTitle title="Password Generator" description="Generate a strong and secure password for your accounts online." />
<section class="content"> <section class="content">
<PasswordGeneratorComponent client:load /> <PasswordGeneratorComponent client:load />
</section> </section>
</div> </main>
</Layout> </Layout>
<style lang="sass"> <style lang="sass">
@use '/src/assets/css/viewport.sass' as view @use '/src/styles/breakpoint.sass' as view
.page .page
text-align: center text-align: center

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle.tsx'
--- ---
<Layout title="Password Manager - AIO Tools"> <Layout title="Password Manager - AIO Tools">
<div class="page"> <main class="page">
<PageTitle title="Password Manager" description="Manage your passwords securely and privately. Recommended to be pair with Password Generator for best security." /> <PageTitle title="Password Manager" description="Manage your passwords securely and privately. Recommended to be pair with Password Generator for best security." />
<section class="content"> <section class="content">
<PasswordManagerComponent client:visible /> <PasswordManagerComponent client:visible />
</section> </section>
</div> </main>
</Layout> </Layout>
<style lang="sass"> <style lang="sass">
@use '/src/assets/css/viewport.sass' as view @use '/src/styles/breakpoint.sass' as view
.page .page
font-family: 'Inter', sans-serif font-family: 'Inter', sans-serif

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle.tsx'
--- ---
<Layout title="Text Comparison - AIO Tools"> <Layout title="Text Comparison - AIO Tools">
<div class="page"> <main class="page">
<PageTitle title="Text Comparison" description="Compare text side by side to detect changes easily." /> <PageTitle title="Text Comparison" description="Compare text side by side to detect changes easily." />
<section class="content"> <section class="content">
<TextComparisonComponent client:visible /> <TextComparisonComponent client:visible />
</section> </section>
</div> </main>
</Layout> </Layout>
<style lang="sass"> <style lang="sass">
@use '/src/assets/css/viewport.sass' as view @use '/src/styles/breakpoint.sass' as view
.page .page
font-family: 'Inter', sans-serif font-family: 'Inter', sans-serif