PatAlcala9/aio-tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve index.astro by adding a missing closing tag for the <Image> element and updating CSS imports.

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-06-04 12:17:38 +08:00
parent 87b5462471
commit 982bf1f262
1 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/pages/index.astro
View file

@ -9,7 +9,7 @@ import { Image } from 'astro:assets'
<main class="page"> <main class="page">
<section class="title--section"> <section class="title--section">
<div class="titleandlogo"> <div class="titleandlogo">
<Image class="titleandlogo__logo" src={aioToolsImage} alt="AIO Tools" width={90} quality={80}/> <Image class="titleandlogo__logo" src={aioToolsImage} alt="AIO Tools" width={90} quality={80} />
<div class="titleandlogo__texts"> <div class="titleandlogo__texts">
<span class="titleandlogo__texts__title">AIO Tools</span> <span class="titleandlogo__texts__title">AIO Tools</span>
<span class="titleandlogo__texts__subtitle">All-in-One Tools for Everyone</span> <span class="titleandlogo__texts__subtitle">All-in-One Tools for Everyone</span>
@ -26,18 +26,18 @@ import { Image } from 'astro:assets'
<style lang="sass"> <style lang="sass">
@use '/src/assets/css/viewport.sass' as view @use '/src/assets/css/viewport.sass' as view
@use '/src/assets/css/variables.sass' as vars
.page .page
display: flex display: flex
flex-direction: column flex-direction: column
font-family: 'Inter', sans-serif
margin-top: 2rem margin-top: 2rem
.title--section .title--section
display: flex display: flex
flex-direction: column flex-direction: column
align-items: flex-start align-items: flex-start
color: #ffffff color: vars.$textColor
padding: 0 2rem padding: 0 2rem
@media screen and (max-width: view.$tablet) @media screen and (max-width: view.$tablet)
@ -80,7 +80,6 @@ import { Image } from 'astro:assets'
.cards--section .cards--section
display: flex display: flex
flex-direction: row flex-direction: row
// align-items: center
flex-wrap: wrap flex-wrap: wrap
justify-content: center justify-content: center
gap: 1rem gap: 1rem