jalil/achat-maison-albi-fr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Simplify image configuration and update button text sizing

Browse source 
The image handling configuration within astro.config.mjs has been simplified by removing explicit sizing and format details. Concurrently, button text sizing for both PrimaryCTA and SecondaryCTA components has been updated to scale responsively on 2xl views, ensuring better user interface on larger screens.
This commit is contained in:
Emil Gulamov 2024-02-12 17:36:50 +04:00
parent bae3f6f61e
commit 2acfdaa84a
3 changed files with 4 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
astro.config.mjs
View file

@ -8,12 +8,5 @@ export default defineConfig({
site: 'https://screw-fast.vercel.app',
integrations: [tailwind(), sitemap()],
output: 'static',
adapter: vercelStatic({
imagesConfig: {
sizes: [400, 600, 800, 1000, 1200, 1600, 2000],
domains: [],
formats: ["image/avif", "image/webp"],
},
imageService: true,
}),
adapter: vercelStatic(),
});

2
src/components/ui/buttons/PrimaryCTA.astro
View file

@ -8,7 +8,7 @@ interface Props {
---
<a
class="group inline-flex items-center justify-center gap-x-2 rounded-lg border border-transparent bg-[#fa5a15] px-4 py-3 text-sm font-semibold text-neutral-50 outline-none ring-zinc-500 transition duration-300 hover:bg-[#e14d0b] focus-visible:ring active:bg-[#e14d0b] disabled:pointer-events-none disabled:opacity-50 dark:ring-zinc-200 dark:focus:outline-none dark:focus:ring-1"
class="group inline-flex items-center justify-center gap-x-2 rounded-lg border border-transparent bg-[#fa5a15] px-4 py-3 text-sm font-semibold text-neutral-50 outline-none ring-zinc-500 transition duration-300 hover:bg-[#e14d0b] focus-visible:ring active:bg-[#e14d0b] disabled:pointer-events-none disabled:opacity-50 dark:ring-zinc-200 dark:focus:outline-none dark:focus:ring-1 2xl:text-base"
href={url}
>
{title}

4
src/components/ui/buttons/SecondaryCTA.astro
View file

@ -8,8 +8,8 @@ interface Props {
---
<a
class="inline-flex items-center justify-center gap-x-2 rounded-lg border border-neutral-200 bg-neutral-300 px-4 py-3 text-center text-sm font-medium text-neutral-500 shadow-sm outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-400/50 hover:text-neutral-600 focus-visible:ring active:text-neutral-700 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:bg-zinc-700 dark:text-neutral-300 dark:ring-zinc-200 dark:hover:bg-zinc-600 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600"
class="inline-flex items-center justify-center gap-x-2 rounded-lg border border-neutral-200 bg-neutral-300 px-4 py-3 text-center text-sm font-medium text-neutral-500 shadow-sm outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-400/50 hover:text-neutral-600 focus-visible:ring active:text-neutral-700 disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-700 dark:bg-zinc-700 dark:text-neutral-300 dark:ring-zinc-200 dark:hover:bg-zinc-600 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600 2xl:text-base"
href={url}
>
{title}
</a>
</a>