bug: fix small ui bugs

p6te · Jan 2, 2024 · 0d6af67 · 0d6af67
1 parent aaf7d9a
commit 0d6af67
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Chat/ChatInput/index.tsx b/src/components/Chat/ChatInput/index.tsx
@@ -155,7 +155,7 @@ export default function ChatInput() {
           <EmojiPicker
             onEmojiClick={handleEmojiClick}
             height={350}
-            width={350}
+            width={isMobile ? 250 : 350}
             lazyLoadEmojis={true}
             skinTonesDisabled={true}
           />

diff --git a/src/components/Chat/styled.ts b/src/components/Chat/styled.ts
@@ -5,7 +5,8 @@ export const ChatContainer = styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-  border-radius: 40px;
+  border-top-right-radius: 40px;
+  border-bottom-right-radius: 40px;
   position: relative;
 `;
 

diff --git a/src/components/common/Modal/index.tsx b/src/components/common/Modal/index.tsx
@@ -27,7 +27,7 @@ export default function Modal({ isOpen, onClose, title, children }: Props) {
           </Flexbox>
           {children}
           <Button outline onClick={onClose}>
-            close
+            Close
           </Button>
         </ModalContainer>
       </Background>

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -12,7 +12,7 @@ import useIsMobile from "~/hooks/useIsMobile";
 
 function Home() {
   const [errorMessage, setErrorMessage] = useState("");
-  const [isLoading, setIsLoading] = useState(true);
+  const [isLoading, setIsLoading] = useState(false);
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
   const [isSidebarOpen, setIsSidebarOpen] = useState(true);