From a491240aeb2bbc2ca0d1da69e5bed1fa62de4699 Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Fri, 15 Mar 2024 15:59:25 -0500
Subject: [PATCH] fix(doc): logo size on small screen (#7992)

---
 docs/src/pages/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 7b5ffba04a..388095ebb0 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -10,10 +10,10 @@ function HomepageHeader() {
       <section className="text-center m-6 p-12 border border-red-400 rounded-[50px] bg-slate-200 dark:bg-immich-dark-gray">
         <img
           src={isDarkTheme ? 'img/immich-logo-stacked-dark.svg' : 'img/immich-logo-stacked-light.svg'}
-          className="md:h-60 h-12 mb-2 antialiased"
+          className="md:h-60 h-44 mb-2 antialiased"
           alt="Immich logo"
         />
-        <div className="sm:text-base md:text-4xl mb-12 sm:leading-tight">
+        <div className="sm:text-2xl text-lg md:text-4xl mb-12 sm:leading-tight">
           <p className="mb-1 font-medium text-immich-primary dark:text-immich-dark-primary">
             Self-hosted photo and <span className="block"></span>
             video management solution<span className="block"></span>