From 76d4c680d296e97ff575a6184d7aa8af46ae7e59 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Mon, 26 Jun 2023 12:16:03 +0900
Subject: [PATCH] feat(main): prevent logo image layout shift

---
 apps/main/src/app.css             | 3 +--
 apps/main/src/routes/+page.svelte | 2 ++
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/main/src/app.css b/apps/main/src/app.css
index 2537440..a55e2c4 100644
--- a/apps/main/src/app.css
+++ b/apps/main/src/app.css
@@ -47,8 +47,7 @@ b {
 /* main logo image */
 
 .logo {
-    width: 14rem;
-    height: 14rem;
+    aspect-ratio: auto 1 / 1;
     border-radius: 50%;
     margin: 5rem auto;
 }
diff --git a/apps/main/src/routes/+page.svelte b/apps/main/src/routes/+page.svelte
index e218c56..6d32488 100644
--- a/apps/main/src/routes/+page.svelte
+++ b/apps/main/src/routes/+page.svelte
@@ -29,6 +29,8 @@
         `}
     src="/favicon.svg"
     alt="logo"
+    width="200"
+    height="200"
 />
 
 <h1><HandWave />Hello! I am <b>developomp</b></h1>