From 484798310dafba952dfaf2f5e8dba00dcefc68a0 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Sun, 11 Aug 2024 17:48:32 +0800
Subject: [PATCH] fix some style

---
 web/src/components/ChatComponent.vue | 6 +++++-
 web/src/layouts/AppLayout.vue        | 5 +++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/components/ChatComponent.vue b/web/src/components/ChatComponent.vue
index cdfae57d..b8a99065 100644
--- a/web/src/components/ChatComponent.vue
+++ b/web/src/components/ChatComponent.vue
@@ -521,7 +521,7 @@ watch(
 
   .graphbase {
     padding: 8px 16px;
-    border-radius: 12px;
+    border-radius: 8px;
     cursor: pointer;
     transition: background-color 0.3s;
 
@@ -688,6 +688,10 @@ watch(
     height: auto;
     padding: 0.5rem;
 
+    &:focus-within {
+      background-color: #F2F2F2;
+    }
+
     .user-input {
       flex: 1;
       height: 40px;
diff --git a/web/src/layouts/AppLayout.vue b/web/src/layouts/AppLayout.vue
index ee5df3bf..e747bf5e 100644
--- a/web/src/layouts/AppLayout.vue
+++ b/web/src/layouts/AppLayout.vue
@@ -122,7 +122,7 @@ div.header, #app-router-view {
   .logo {
     width: 40px;
     height: 40px;
-    margin: 30px 0;
+    margin: 18px 0 35px 0;
 
     img {
       width: 100%;
@@ -164,7 +164,8 @@ div.header, #app-router-view {
     width: auto;
     font-size: 20px;
     color: #333;
-    margin: 20px 0;
+    margin-bottom: 20px;
+    margin-top: 10px;
 
     &:hover {
       cursor: pointer;