aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2026-03-02 22:15:32 -0800
committerAdam Soltys <[email protected]>2026-03-02 22:15:32 -0800
commitc0da099aa48f6bbc168159293bfae9e60daffeda (patch)
tree2639e7fc0b98776d45fdd1641a40d71a02ebec86 /src
parent0782781663b7f550eaae498ae3e430384afaf739 (diff)
downloadcoinos-ui-c0da099aa48f6bbc168159293bfae9e60daffeda.tar.gz
coinos-ui-c0da099aa48f6bbc168159293bfae9e60daffeda.zip
optimized images
Diffstat (limited to 'src')
-rw-r--r--src/app.css2
-rw-r--r--src/components/LandingHero.svelte2
-rw-r--r--src/routes/+page.svelte10
3 files changed, 7 insertions, 7 deletions
diff --git a/src/app.css b/src/app.css
index 14c5b032..3c12f531 100644
--- a/src/app.css
+++ b/src/app.css
@@ -39,7 +39,7 @@
@font-face {
font-family: "PublicSans";
src: url("/fonts/Public_Sans/static/PublicSans-Regular.woff2") format("woff2");
- font-display: swap;
+ font-display: optional;
}
:root {
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte
index 2be86c98..8ae610f4 100644
--- a/src/components/LandingHero.svelte
+++ b/src/components/LandingHero.svelte
@@ -37,7 +37,7 @@
</div>
</div>
- <Image image="hero-image" style="w-full h-auto md:w-2/3 max-w-5xl mx-auto mt-20 aspect-[768/743]" width={768} height={743} fetchpriority="high" />
+ <Image image="hero-image" style="w-full h-auto md:w-2/3 max-w-5xl mx-auto mt-20 aspect-[600/581]" width={600} height={581} fetchpriority="high" />
</div>
<style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 966ebdaf..5fa7da3b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -37,11 +37,11 @@
title={$t("landing.info1.title")}
description={$t("landing.info1.description")}
loading="lazy"
- width={640}
- height={653}
+ width={400}
+ height={409}
/>
- <LandingInfoCard image="phone-checkout" title={$t("landing.info2.title")} order="reverse" loading="lazy" width={480} height={621}>
+ <LandingInfoCard image="phone-checkout" title={$t("landing.info2.title")} order="reverse" loading="lazy" width={400} height={518}>
{$t("landing.info2.description1")}
<br />
<br />
@@ -57,8 +57,8 @@
title={$t("landing.info3.title")}
description={$t("landing.info3.description")}
loading="lazy"
- width={640}
- height={640}
+ width={400}
+ height={400}
/>
<div bind:this={howItWorks}></div>
<div id="about"></div>