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">
<div class="page">
<main class="page">
<PageTitle title="Color Converter" description="Convert colors to any format. Color picker provided inside." />
<section class="content">
<ColorConverterComponent client:visible />
</section>
</div>
</main>
</Layout>
<style lang="sass">
@use '/src/assets/css/viewport.sass' as view
@use '/src/styles/breakpoint.sass' as view
.page
text-align: center

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle'
---
<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." />
<section class="content">
<HashGeneratorComponent client:visible />
</section>
</div>
</main>
</Layout>
<style lang="sass">
@use '/src/assets/css/viewport.sass' as view
@use '/src/styles/breakpoint.sass' as view
.page
text-align: center

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle'
---
<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." />
<section class="content">
<PasswordGeneratorComponent client:load />
</section>
</div>
</main>
</Layout>
<style lang="sass">
@use '/src/assets/css/viewport.sass' as view
@use '/src/styles/breakpoint.sass' as view
.page
text-align: center

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle.tsx'
---
<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." />
<section class="content">
<PasswordManagerComponent client:visible />
</section>
</div>
</main>
</Layout>
<style lang="sass">
@use '/src/assets/css/viewport.sass' as view
@use '/src/styles/breakpoint.sass' as view
.page
font-family: 'Inter', sans-serif

View file

@ -5,17 +5,17 @@ import PageTitle from '../components/PageTitle/PageTitle.tsx'
---
<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." />
<section class="content">
<TextComparisonComponent client:visible />
</section>
</div>
</main>
</Layout>
<style lang="sass">
@use '/src/assets/css/viewport.sass' as view
@use '/src/styles/breakpoint.sass' as view
.page
font-family: 'Inter', sans-serif