From 2d362a99c91b9a81c2eaf7bf5adacac62573abca Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Tue, 16 Jul 2024 17:27:16 +0800
Subject: [PATCH] fix(about): changelog overflow

---
 src/renderer/src/init.ts                          | 1 +
 src/renderer/src/pages/settings/AboutSettings.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/init.ts b/src/renderer/src/init.ts
index 80390f1e16..2e350a7410 100644
--- a/src/renderer/src/init.ts
+++ b/src/renderer/src/init.ts
@@ -10,6 +10,7 @@ function init() {
     storeName: 'cherryai',
     description: 'Cherry Studio Storage'
   })
+
   window.keyv = new KeyvStorage()
   window.keyv.init()
 
diff --git a/src/renderer/src/pages/settings/AboutSettings.tsx b/src/renderer/src/pages/settings/AboutSettings.tsx
index 2b279912dd..c88033a93b 100644
--- a/src/renderer/src/pages/settings/AboutSettings.tsx
+++ b/src/renderer/src/pages/settings/AboutSettings.tsx
@@ -19,7 +19,7 @@ const AboutSettings: FC = () => {
 
   return (
     <Container>
-      <Avatar src={Logo} size={100} style={{ marginTop: 50 }} />
+      <Avatar src={Logo} size={100} style={{ marginTop: 50, minHeight: 100 }} />
       <Title>
         Cherry Studio <Version>(v{version})</Version>
       </Title>
@@ -32,9 +32,12 @@ const AboutSettings: FC = () => {
 const Container = styled.div`
   padding: 20px;
   display: flex;
-  width: 100%;
+  flex: 1;
   flex-direction: column;
   align-items: center;
+  justify-content: flex-start;
+  height: calc(100vh - var(--navbar-height));
+  overflow-y: scroll;
 `
 
 const Title = styled.div`